/* ============================================================================
   AAR — design tokens
   Single source of truth for colour, type, space, motion.
   Derived directly from the Elegant Plum & Sakura Blossom identity.
   ========================================================================= */

:root {
  /* ---- Colour: light (Washi & Blooming Sakura) --------------------------- */
  --paper:        #FAF6F2; /* warm porcelain washi canvas */
  --paper-deep:   #F3EBE5; /* recessed wells, code panels, subtle surfaces */
  --paper-raised: #FFFFFF; /* crisp card surfaces with delicate shadow */

  --ink:        #2D1923; /* rich deep plum ink for headings + primary text */
  --ink-soft:   #5C4450; /* plum-tinted secondary prose */
  --ink-faint:  #634856; /* tertiary labels, meta info (>=4.5:1 WCAG AA compliant) */

  --rule:        #E8DDD7; /* delicate hairlines, table borders, dividers */
  --rule-strong: #D5C2BA; /* structural prominent rules */

  --plum:        #482333; /* deep brand plum */
  --plum-deep:   #321421; /* darkest plum shade */

  --sakura:      #E07A8A; /* vibrant blossom pink */
  --sakura-deep: #B83A50; /* deep rose accent for high-contrast text & actions */
  --sakura-wash: rgba(224, 122, 138, 0.08); /* soft blossom tint */
  --sakura-glow: rgba(45, 25, 35, 0.08); /* soft elevation glow */

  --accent-gradient: linear-gradient(135deg, #B83A50 0%, #E07A8A 100%);
  --btn-shadow: 0 4px 14px rgba(45, 25, 35, 0.12);
  --card-shadow: 0 6px 24px rgba(45, 25, 35, 0.05);

  --moss:  #3D6B48; /* status ok / live */
  --amber: #94681E; /* warning / rate-limit */
  --rust:  #A83236; /* error */

  /* ---- Type families (self-hosted) --------------------------------------- */
  --serif: "Fraunces", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;
  --mono:  "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---- Baseline + space scale -------------------------------------------- */
  --baseline: 1.5rem;
  --space-1:  .375rem;
  --space-2:  .75rem;
  --space-3:  1.125rem;
  --space-4:  1.5rem;
  --space-5:  1.875rem;
  --space-6:  2.25rem;
  --space-8:  3rem;
  --space-12: 4.5rem;
  --space-16: 6rem;

  /* ---- Shell ------------------------------------------------------------- */
  --shell: 80rem;
  --pad-x: clamp(1.25rem, 4vw, 3rem);
  --rail-w: 12rem;
  --measure: 68ch;
  --measure-lead: 58ch;

  /* ---- Motion ------------------------------------------------------------ */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-quiet: 140ms;
  --dur-drawer: 320ms;

  color-scheme: light;
}

/* ---- Colour: Dark (Plum Velvet Night & Glowing Sakura) ------------------- */
:root[data-theme="dark"] {
  --paper:        #150B10; /* deep plum velvet night canvas */
  --paper-deep:   #1D0F17; /* recessed wells, code panels */
  --paper-raised: #25141E; /* elevated cards */

  --ink:        #FDF2F5; /* ivory sakura white headings & text */
  --ink-soft:   #CBB0BE; /* soft rose-plum ash prose */
  --ink-faint:  #A88E9C; /* tertiary labels (>=4.5:1 WCAG AA) */

  --rule:        #3A1F2F; /* dark plum borders */
  --rule-strong: #542B43; /* prominent rules */

  --plum:        #632F46;
  --plum-deep:   #421B2D;

  --sakura:      #E58393;
  --sakura-deep: #F0A2B0;
  --sakura-wash: rgba(229, 131, 147, 0.12);
  --sakura-glow: rgba(0, 0, 0, 0.4);

  --accent-gradient: linear-gradient(135deg, #E07A8A 0%, #C44C60 100%);
  --btn-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  --card-shadow: 0 6px 28px rgba(0, 0, 0, 0.4);

  --moss:  #7EAF85;
  --amber: #D8AA5B;
  --rust:  #E87676;

  color-scheme: dark;
}