/*
 * Entrópica design tokens ("Ditto" theme).
 *
 * Source of truth: ../../../ditto-style-guide/tokens.css, whose values were
 * read directly out of Ditto's live, shipped CSS (trustditto.com) on
 * 2026-08-17 — not estimated from a screenshot. This file is that same
 * palette/type/shape system, mapped onto the SAME `--ent-*` variable names
 * Arena (entropica-masterstudy-child) uses, so every other file in this
 * theme (base/layout/components/shortcodes/masterstudy/parent-theme.css) —
 * copied verbatim from Arena — repaints to Ditto automatically just by this
 * file changing. Re-fetch ../../../ditto-style-guide/ and update here if
 * Ditto ships a redesign and you want to stay in sync.
 *
 * Namespaced with --ent- (not --ditto-) on purpose: every consumer file in
 * this theme already reads --ent-*, and this theme IS the "Ditto" reskin of
 * Arena rather than a system meant to sit alongside it — see
 * ../../../ditto-style-guide/README.md's adoption-path note, which this
 * theme is the realization of.
 *
 * If brand colors change, prefer editing the Customizer values
 * (Appearance > Customize > Entrópica Theme) over hand-editing this file —
 * see includes/class-customizer.php. This file is the *fallback* / default
 * set for a fresh install.
 */

:root {
  /* surfaces & ink (text) — Ditto's warm cream/tan family, not pure white */
  --ent-bg: #EFF2E5;        /* tan — page background (ditto-surface-subtle) */
  --ent-surface: #FFFFFF;   /* white — card/elevated surface */
  --ent-surface-2: #E8EBD9; /* tan-dark — inset/muted surface (ditto-surface-muted) */
  --ent-ink: #130E30;       /* navy — primary text */
  --ent-ink-2: #5F5C6E;     /* gray — secondary text */
  --ent-ink-strong: #130E30;
  --ent-line: #B6BA95;      /* tan-darkest — default border */

  /* brand accent + semantic accents — Ditto's blue stands in for Arena's teal */
  --ent-accent: #3A93FF;
  --ent-accent-ink: #FFFFFF;
  --ent-accent-soft: #E3F0FF; /* ~14% #3A93FF over white */
  --ent-warm: #FFE228;   /* Ditto's brand yellow — pop CTA / urgency / streak highlight */
  --ent-wine: #E261E5;   /* Ditto's brand magenta — reserved accent, sparingly used */
  --ent-violet: #5D5BD0; /* unchanged from Arena — not part of Ditto's palette, kept as a spare */

  /* status colors — aligned to Ditto's success/danger; Ditto has no
     "warning" hue, so that pair is kept from Arena's defaults */
  --ent-success: #17A34A;
  --ent-success-soft: #E3F7EA;
  --ent-warning: #9A6B1F;
  --ent-warning-soft: #FAF0DC;
  --ent-danger: #C23604;
  --ent-danger-soft: #FBE7E0;

  /* subject colors — used for course/materia accents (Matemáticas, Física, ...).
     Kept from Arena: these are functional category coding, not brand skin,
     and Ditto's marketing-site palette has no equivalent concept. */
  --ent-subject-math: #E08A5B;
  --ent-subject-physics: #6E8FB8;
  --ent-subject-chemistry: #6BB39B;
  --ent-subject-biology: #7FB069;
  --ent-subject-geography: #C99846;
  --ent-subject-spanish: #5FA8A0;

  /* type — editorial serif headings, Inter body (Google Fonts link enqueued
     in includes/class-assets.php) */
  --ent-font-head: 'Hedvig Letters Serif', 'Times New Roman', serif;
  --ent-font-body: 'Inter', Arial, sans-serif;

  /* shape & elevation — Ditto's larger, rounder scale (calibrated against
     the actual border-radius values used throughout Landing_new.html: 24px
     dominates cards, 48px for big panels, 999px pill everywhere else) */
  --ent-radius-sm: 12px;
  --ent-radius: 24px;
  --ent-radius-lg: 48px;
  --ent-radius-pill: 999px;
  --ent-shadow-card: 0 18px 40px -22px rgba(19, 14, 48, .35);
  --ent-shadow-lifted: 0 30px 70px -34px rgba(19, 14, 48, .4);

  /* layout — Ditto's wider container */
  --ent-container: 1280px;
  --ent-container-narrow: 860px;
}

/* Neither the LMS nor Ditto's own site has a dark mode. If a visitor's OS
   prefers dark and some ancestor plugin/theme forces color-scheme dark,
   keep our surfaces stable rather than inverting — a half-dark LMS reads as
   broken, not stylish. */