/* ============================================================================
   EQUINOX — canonical design tokens (single source of truth)
   Served at GET /theme.css from KV (page:theme.css).
   Rebrand / re-skin the entire surface (public site + portal + CRM chrome)
   by editing THIS FILE ONLY, then re-uploading to KV. Do not hardcode the
   palette into per-page CSS — compose from these tokens.

   Design grammar: Ken Corporation 文法 × Malaysia — warm ink, restrained blue,
   oversized serif headings, generous whitespace, hairline rules.
   ============================================================================ */

:root {
  /* --- Brand ink (warm neutral) --- */
  --ink-1:#1C1814;            /* primary text / near-black */
  --ink-2:#403B33;            /* secondary text */
  --ink-3:#6E675C;            /* tertiary / captions */
  --ink-4:#9A938A;            /* disabled / faint */

  /* --- Accent (the single quiet color; links / 2px rules / arrows only) --- */
  --accent:#1F4E79;
  --accent-tint:rgba(31,78,121,.08);
  --accent-strong:#173A5C;    /* hover/pressed */

  /* --- Surfaces --- */
  --bg:#FFFFFF;
  --bg-soft:#F6F4EF;          /* warm paper */
  --bg-sink:#EFEBE3;          /* deeper warm panel */

  /* --- Hairlines --- */
  --hairline:rgba(28,24,20,.12);
  --hairline-strong:rgba(28,24,20,.28);

  /* --- Typography --- */
  --font:'Inter','Noto Sans JP',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --serif:'Noto Serif JP','Cormorant Garamond',Georgia,serif;
  --serif-en:'Cormorant Garamond',Georgia,serif;
  --tracking-label:.14em;     /* uppercase kicker tracking */
  --tracking-head:.06em;      /* serif heading tracking */

  /* --- Type scale (luxury: large, calm) --- */
  --t-kicker:12px;
  --t-body:15px;
  --t-h3:clamp(18px,2.2vw,22px);
  --t-h2:clamp(24px,3.4vw,34px);
  --t-hero:clamp(30px,5vw,52px);
  --leading-body:1.8;
  --leading-head:1.55;

  /* --- Spacing scale (8pt-ish, with generous section rhythm) --- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px;
  --sp-6:32px; --sp-7:48px; --sp-8:64px; --sp-9:96px; --sp-10:128px;
  --section-y:clamp(64px,9vw,128px);   /* vertical section padding */

  /* --- Geometry --- */
  --r:4px;                    /* default radius — luxury stays nearly square */
  --r-lg:8px;
  --container:1208px;
  --container-narrow:880px;   /* editorial reading width */

  /* --- Elevation (whisper-soft; luxury avoids heavy shadow) --- */
  --shadow-1:0 1px 2px rgba(28,24,20,.04);
  --shadow-2:0 6px 24px rgba(28,24,20,.08);

  /* --- Motion --- */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.5s;

  /* --- Status (shared with CRM) --- */
  --green:#2E7D5B; --red:#B2453B; --orange:#B8722E; --purple:#5B4B8A;

  /* --- Z-index registry (mirror of crm_v1390.html; keep in sync) --- */
  --z-dropdown:10; --z-sticky:20; --z-bottom-nav:100; --z-fab:200;
  --z-pwa-banner:300; --z-banner:400; --z-side-drawer:500; --z-overlay:600;
  --z-modal:700; --z-sheet:750; --z-popover:800; --z-toast:900;
  --z-tooltip:1000; --z-critical:9000;
}