/*
 * Entrópica design tokens ("Arena" theme).
 * Source of truth: Landing.html (approved brand prototype) + "Handoff
 * WordPress + MasterStudy.dc.html" (design spec, section 5 — palette,
 * type scale, shape rules). Cross-checked against both; where they matched
 * exactly (all core/subject colors) that's the value used, and the
 * status colors below use the handoff doc's exact hex (it's slightly more
 * precise than the earlier plugin draft's guesses).
 *
 * Namespaced with --ent- so these custom properties never collide with
 * the parent theme's or another plugin's CSS variables.
 *
 * 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) */
  --ent-bg: #FAF8F3;
  --ent-surface: #FFFFFF;
  --ent-surface-2: #F3ECE1;
  --ent-ink: #2A2620;
  --ent-ink-2: #73695B;
  --ent-ink-strong: #1E1C19;
  --ent-line: #E8E0D2;

  /* brand accent + semantic accents */
  --ent-accent: #244551;
  --ent-accent-ink: #FFFFFF;
  --ent-accent-soft: #DDE6E9;
  --ent-warm: #D9763F;   /* warm CTA / streak highlight / urgency */
  --ent-wine: #8B3A4F;   /* Premium / destructive / "finalize" emphasis */
  --ent-violet: #5D5BD0; /* reserved accent, sparingly used */

  /* status colors — exact hex from the handoff doc's design spec (section 5) */
  --ent-success: #3F9B6B;
  --ent-success-soft: #EAF6EF;
  --ent-warning: #9A6B1F;
  --ent-warning-soft: #FAF0DC;
  --ent-danger: #CF6A5A;
  --ent-danger-soft: #FBEAE6;

  /* subject colors — used for course/materia accents (Matemáticas, Física, ...) */
  --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 */
  --ent-font-head: 'Plus Jakarta Sans', sans-serif;
  --ent-font-body: 'Plus Jakarta Sans', sans-serif;

  /* shape & elevation — radii 10-20px in the spec, small overrides to 22px
     kept where Landing.html itself uses 22px on its largest containers */
  --ent-radius-sm: 10px;
  --ent-radius: 16px;
  --ent-radius-lg: 22px;
  --ent-radius-pill: 999px;
  --ent-shadow-card: 0 18px 40px -22px rgba(40, 30, 20, .35);
  --ent-shadow-lifted: 0 30px 70px -34px rgba(40, 30, 20, .4);

  /* layout */
  --ent-container: 1140px;
  --ent-container-narrow: 820px;
}

/* Neither the LMS nor the reference prototype 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. */