/* The Marketing Desk — colour tokens.
   Ink-first. No new colours beyond the SmartEDU palette; Pumpkin Orange is NOT a Desk colourway.
   Neutrals are the exact literals used in the issued identity sheet. */
:root{
  /* ---- Brand core ---- */
  --desk-ink:    #0C0C0C;  /* Almost Black — the Desk's primary */
  --desk-violet: #7D1AFF;  /* Electric Violet — SE family signal, rationed */
  --desk-blush:  #F4E7F7;  /* Lavender Blush — tint surface */
  --desk-white:  #FFFFFF;

  /* ---- Violet ramp (inherited, for hover/press only) ---- */
  --desk-violet-50:  #F3EBFF;
  --desk-violet-100: #E4D2FF;
  --desk-violet-200: #C9A6FF;
  --desk-violet-300: #C9A8F0;  /* dashed construction guides */
  --desk-violet-500: #7D1AFF;
  --desk-violet-600: #6A0FE0;
  --desk-violet-700: #5409B3;

  /* ---- Neutral ramp (sheet literals) ---- */
  --desk-n-25:  #FDFDFD;
  --desk-n-50:  #FAF9FB;
  --desk-n-75:  #F7F5F9;
  --desk-n-100: #F0EDF3;
  --desk-n-150: #E6E2EA;
  --desk-n-200: #DDD8E2;
  --desk-n-250: #D9D4DE;
  --desk-n-300: #C9C4CE;
  --desk-n-400: #A9A5AE;
  --desk-n-500: #8A868E;
  --desk-n-600: #6A666E;
  --desk-n-700: #4A464E;
  --desk-n-900: #0C0C0C;

  /* ---- Caution (misuse / destructive only) ---- */
  --desk-caution:        #B3261E;
  --desk-caution-text:   #8A5A56;
  --desk-caution-border: #F0DEDE;
  --desk-caution-rule:   #F6EAEA;
  --desk-caution-bg:     #FDFAFA;
  --desk-caution-bg-alt: #FDF7F7;

  /* ---- Semantic aliases ---- */
  --text-strong:   var(--desk-ink);
  --text-body:     var(--desk-n-700);
  --text-muted:    var(--desk-n-600);
  --text-faint:    var(--desk-n-500);
  --text-ghost:    var(--desk-n-400);
  --text-on-dark:  var(--desk-white);
  --text-on-brand: var(--desk-white);
  --text-accent:   var(--desk-violet);
  --text-link:     var(--desk-ink);
  --text-link-hover: var(--desk-violet);

  --surface-page:   var(--desk-white);
  --surface-card:   var(--desk-white);
  --surface-subtle: var(--desk-n-50);
  --surface-tint:   var(--desk-blush);
  --surface-wash:   var(--desk-n-75);
  --surface-dark:   var(--desk-ink);
  --surface-brand:  var(--desk-violet);

  --border-hairline: var(--desk-n-100);
  --border-subtle:   var(--desk-n-150);
  --border-default:  var(--desk-n-200);
  --border-strong:   var(--desk-n-250);
  --border-rule:     var(--desk-ink);

  --focus-ring: var(--desk-violet-200);
}