/* ============================================================
   SEN identity tokens
   The single source for every value in the brand guide.
   Change here, never in the page.
   ============================================================ */

/* ---------- Fonts (self-hosted, SIL Open Font License) ---------- */
@font-face{font-family:"Shippori Mincho";font-style:normal;font-weight:400;font-display:swap;src:url("../media/fonts/ShipporiMincho-normal-400.woff2") format("woff2")}
@font-face{font-family:"Libre Franklin";font-style:normal;font-weight:300 500;font-display:swap;src:url("../media/fonts/LibreFranklin-variable.woff2") format("woff2")} /* variable, wght axis; 300, 400 and 500 in use */

:root{
  /* ---------- Colour: the world ---------- */
  /* Sumi: warm ink black. The night ground. Never a cool or neutral black. */
  --sumi-950:#0F0D0B;
  --sumi-900:#141210;
  --sumi-800:#1E1A16;
  --sumi-700:#2A2420;
  --sumi-500:#4A423A;
  --sumi-400:#7A7166;

  /* Washi: warm paper. The day ground and the print stock. Never white. */
  --washi-50:#FAF7F0;
  --washi-100:#F5F1E8;
  --washi-200:#EDE7D9;
  --washi-300:#E0D8C6;
  --washi-400:#C9BFA9;

  /* Shu: vermilion. The one signal, and the box. */
  --shu-400:#C93A1E;
  --shu-500:#B32C15;
  --shu-600:#96230F;
  --shu-700:#7A1C0C;

  /* Ember: the light source. Used only as light (glow, gradient, the dot). Never as a fill or a text colour. */
  --ember-400:#F0A55A;
  --ember-500:#D9782E;
  --ember-600:#A8521C;

  /* Scent: each scent owns its colour on its own surfaces. Never a button, link, focus ring or status. */
  --scent-kyara:#7A3E12;
  --scent-yuzu:#8C6A16;
  --scent-sugi:#2C4034;

  /* ---------- Colour: semantic (night, the default) ---------- */
  --ground:var(--sumi-900);
  --ground-deep:var(--sumi-950);
  --ground-raised:var(--sumi-800);
  --ground-inverse:var(--washi-100);
  --ink:#F0EADB;
  --ink-2:#B5AC9D;
  --ink-3:#8F877C;      /* 5.3:1 on night */
  --ink-inverse:#1A1714;
  --print-muted:#6F675D;
  --rule:rgba(240,234,219,.12);
  --rule-strong:rgba(240,234,219,.28);
  --signal:var(--shu-500);
  --signal-hover:var(--shu-400);
  --on-signal:#FAF4EA;
  --scrim:rgba(15,13,11,.55);
  --ember-glow:rgba(217,120,46,.35);

  /* ---------- Type ---------- */
  /* One serif, the wordmark's own face, for the mark, headlines, titles and scent descriptors.
     One sans for everything read. Neither has an italic in use; emphasis is weight and space, never slant. */
  --font-mark:"Shippori Mincho",'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;
  --font-display:"Shippori Mincho",'Hiragino Mincho ProN','Yu Mincho',Georgia,serif;
  --font-text:"Libre Franklin",'Helvetica Neue',Helvetica,Arial,sans-serif;

  /* scale: 11 12 14 16 18 22 28 36 48 64 88 120 */
  --fs-11:11px; --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-18:18px;
  --fs-22:22px; --fs-28:28px; --fs-36:36px; --fs-48:48px; --fs-64:64px;
  --fs-88:88px; --fs-120:120px;
  --fs-hero:clamp(56px,7vw,104px);
  --fs-display:clamp(36px,4.2vw,60px);
  --fs-title:clamp(26px,2.4vw,32px);
  --fs-lead:clamp(19px,1.5vw,21px);

  --lh-hero:1.04; --lh-display:1.12; --lh-title:1.25; --lh-body:1.65; --lh-label:1.4;
  --ls-hero:-.01em; --ls-display:-.005em; --ls-title:0; --ls-label:.18em; --ls-caps:.12em;
  --wm-tracking:.56em; --wm-tracking-compact:.44em;
  --measure:35em;   /* 560px at 16px */

  /* ---------- Space ---------- */
  --s-1:4px; --s-2:8px; --s-3:16px; --s-4:24px; --s-5:32px; --s-6:48px;
  --s-7:64px; --s-8:96px; --s-9:128px; --s-10:192px; --s-11:256px;
  --container:1280px; --gutter:clamp(20px,3vw,40px); --index-w:240px;

  /* ---------- Shape ---------- */
  --radius:6px;        /* softly cut controls, revised 2026-09-07 */
  --radius-image:10px; /* inset photographs */
  --radius-ember:999px;/* the only round thing */
  --hairline:1px;
  --icon:20px; --icon-stroke:1.25px;

  /* ---------- Motion ---------- */
  --ease-smoke:cubic-bezier(.22,.08,.18,1);   /* every transition */
  --ease-ember:cubic-bezier(.6,0,.2,1);       /* the single ignition moment */
  --t-response:200ms; --t-reveal:700ms; --t-scene:1400ms;

  /* ---------- Elevation ---------- */
  --shadow-none:none;
  --shadow-lift:0 24px 48px -24px rgba(0,0,0,.6);   /* imagery only, never controls */
}

/* Day: paper surfaces (print, guide, policy, commerce detail) */
[data-ground="day"]{
  --ground:var(--washi-100);
  --ground-deep:var(--washi-200);
  --ground-raised:var(--washi-50);
  --ground-inverse:var(--sumi-900);
  --ink:#1A1714;
  --ink-2:#5A524A;
  --ink-3:#6F675D;      /* 4.9:1 on paper */
  --ink-inverse:#F0EADB;
  --rule:rgba(26,23,20,.14);
  --rule-strong:rgba(26,23,20,.32);
  --signal:var(--shu-500);
  --signal-hover:var(--shu-600);
  --scrim:rgba(26,23,20,.4);
}

/* Shu: the dyed surface (the box, a seal, one hero per journey) */
[data-ground="shu"]{
  --ground:var(--shu-500);
  --ground-deep:var(--shu-600);
  --ground-raised:var(--shu-400);
  --ground-inverse:var(--washi-100);
  --ink:#FAF4EA;
  --ink-2:rgba(250,244,234,.9);   /* 5.0:1 on shu */
  --ink-3:rgba(250,244,234,.86);  /* 4.7:1 on shu */
  --ink-inverse:#1A1714;
  --rule:rgba(250,244,234,.18);
  --rule-strong:rgba(250,244,234,.4);
  --signal:#FAF4EA;
  --signal-hover:var(--washi-200);   /* paper darkens a step; never pure white */
  --on-signal:var(--shu-600);
}

/* Scent surfaces: set data-scent and --scent resolves */
[data-scent="kyara"]{--scent:var(--scent-kyara)}
[data-scent="yuzu"]{--scent:var(--scent-yuzu)}
[data-scent="sugi"]{--scent:var(--scent-sugi)}

@media (prefers-reduced-motion:reduce){
  :root{--t-response:0ms;--t-reveal:0ms;--t-scene:0ms}
}

/* Launch scene and editorial composition, 2026-09-07. */
:root{
  --fs-hero-launch:clamp(56px,7.2vw,104px);
  --fs-hero-phone:clamp(44px,12vw,64px);
  --space-scene:clamp(96px,12vw,192px);
  --control-tracking:0;
  --control-type:14px;
  --scene-travel:12px;
  --scene-depth:96px;
  --scene-atmosphere:rgba(122,62,18,.16);
  --scene-floor:rgba(15,13,11,.85);
  --scene-ink:rgba(240,234,219,.08);
  --scene-scrim:linear-gradient(90deg,rgba(15,13,11,.92),rgba(15,13,11,.7) 42%,rgba(15,13,11,0) 85%);
}