/* Valdo Academics — Web App (Digital Dialect) Tokens
   Source: "Further Analysis" tool (ui_kits/further-analysis/).
   The digital product relaxes the print rules: rounded corners,
   soft hairline borders, semantic rating colors, and subtle shadows
   are allowed in interactive UI. Orange remains the single brand accent. */
:root {
  /* ── App surfaces ── */
  --app-bg:           #FEF9F2;   /* page background = brand cream */
  --app-bg-2:         #f4ecdc;   /* recessed fills, bar tracks */
  --app-surface:      #ffffff;   /* cards */
  --app-surface-2:    #fbf6ec;   /* nested/unrated item cards */

  /* ── App ink ── */
  --app-ink:          #0D0D0D;
  --app-ink-2:        #2a2a2a;
  --app-ink-3:        #555555;
  --app-ink-4:        #8a8a82;   /* NEVER text (fails AA): dots, rules, disabled, glyphs only */

  /* ── App hairlines ── */
  --app-line:         rgba(13,13,13,0.08);
  --app-line-2:       rgba(13,13,13,0.16);

  /* ── Semantic rating colors (digital only — never in print) ── */
  --rating-hi:        #0a8a6c;
  --rating-hi-bg:     #d8f1e7;
  --rating-hi-ink:    #04342C;
  --rating-mid:       #d68b1e;
  --rating-mid-bg:    #fce5c2;
  --rating-mid-ink:   #412402;
  --rating-lo:        #c43d3d;
  --rating-lo-bg:     #fcdada;
  --rating-lo-ink:    #501313;

  /* ── Accent tints (digital only) ── */
  --accent-bg:        #fff0e6;
  --accent-ink:       #6b1d00;

  /* ── Status semantics (digital only) — from Tutor Portal ──
     Same hexes as --rating-*, aliased so workflow status never reads as a score. */
  --status-done:       var(--rating-hi);       /* approved, verified, signed, filled */
  --status-done-bg:    var(--rating-hi-bg);
  --status-done-ink:   var(--rating-hi-ink);
  --status-review:     var(--rating-mid);      /* submitted, waiting on Valdo */
  --status-review-bg:  var(--rating-mid-bg);
  --status-review-ink: var(--rating-mid-ink);
  --status-error:      var(--rating-lo);       /* save failed, expired, rejected */
  --status-error-bg:   var(--rating-lo-bg);
  --status-error-ink:  var(--rating-lo-ink);
  --status-todo:       #FF560B;                /* still needed from the user = brand orange */
  --status-todo-bg:    var(--accent-bg);
  --status-todo-ink:   var(--accent-ink);

  /* ── Accessibility floors (digital only) — from Tutor Portal ── */
  --app-text-min:      12.5px;  /* anything that carries an instruction */
  --app-label-min:     10px;    /* uppercase tags / badges only, never sentences */
  --app-body:          15px;    /* form-heavy pages; 14px stays fine for reading tools */
  --app-target-min:    44px;    /* every button, link-button, toggle, desktop too */
  --app-check-size:    26px;    /* consent / legal checkboxes */
  --app-focus-ring:    0 0 0 3px rgba(255,86,11,0.14);  /* with an orange border */

  /* ── App radii (digital only — print stays square) ── */
  --app-radius-xs:    5px;    /* micro cells: level chips, plan-grid cells (Valdo OS) */
  --app-radius-sm:    8px;    /* buttons, rate cells, small chips */
  --app-radius-md:    12px;   /* item cards, tabs */
  --app-radius-lg:    14px;   /* standard cards, accordions */
  --app-radius-xl:    18px;   /* hero cards, swipe deck */
  --app-radius-pill:  999px;  /* pills, student chip */

  /* ── App shadows (digital only, very subtle) ── */
  --app-shadow-card:  0 4px 22px rgba(0,0,0,0.06);
  --app-shadow-hover: 0 2px 6px rgba(0,0,0,0.08);
  --app-shadow-toast: 0 4px 12px rgba(0,0,0,0.18);
  --app-ease:         cubic-bezier(.2,.8,.2,1); /* @kind other */ /* all digital motion; no bounce */
  --app-dur-in:       250ms; /* @kind other */ /* scroll ease-in, question swap */
  --app-dur-move:     500ms; /* @kind other */ /* drill-in open, morphs */
  --app-stagger:      80ms; /* @kind other */ /* list items / bars entering */
  --app-shadow-lift:  0 8px 26px rgba(0,0,0,0.09);  /* clickable cards that translateY(-2px) */
}