/* Lunava — visual language v1, section 07.
   Values transcribed verbatim from design/Lunava Visual Language.dc.html.
   That file is the source of truth. Do not edit values here without editing it. */

:root {
  --ink:        #131711;   --graphite: #414639;   --muted:  #6A7065;
  --edge:       #CBD0C3;   --hairline: #DCDFD5;
  --paper:      #EAECE5;   --rice:     #F6F7F3;
  --indigo:     #2F5168;   --sand:     #B9AE93;

  --night:      #101410;   --night-raised: #191E17;  --night-line: #272C24;
  --night-text: #EAECE5;   --night-muted:  #A0A597;  --seal-night:  #6E93AE;

  --font-display: "Noto Serif SC", Georgia, serif;
  --font-ui:      "Helvetica Neue", Helvetica, "Noto Sans SC", Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  --t-display: 400 64px/1.02 var(--font-display);  /* -0.02em */
  --t-h2:      400 34px/1.15 var(--font-display);  /* -0.01em */
  --t-h3:      400 22px/1.25 var(--font-display);
  --t-lead:    400 17px/1.65 var(--font-ui);
  --t-body:    400 15px/1.70 var(--font-ui);
  --t-small:   400 13px/1.55 var(--font-ui);
  --t-eyebrow: 400 11px/1.2  var(--font-mono);     /* 0.14em, uppercase */

  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  --measure-lead: 58ch;  --measure-body: 66ch;  --content-max: 1180px;
  --radius: 0;  --radius-input: 2px;  --border: 1px solid var(--edge);
  --ease: cubic-bezier(.2,.7,.2,1);  --dur-state: 160ms;  --dur-enter: 520ms;
  --wash: linear-gradient(160deg,#EAECE5 0%,#D2D7C9 45%,#949A8E 100%);
}

/* Night. The spec defines these tokens but leaves open whether dark is one closing
   section or a full second theme (section 07, "STILL OPEN"). lunava.sk is a single
   screen with no closing act, so it is applied here as a whole-page treatment.
   Revisit when the page inventory exists. The night wash is composed only from
   night tokens — the spec gives no dark counterpart for --wash. */
@media (prefers-color-scheme: dark) {
  :root {
    --paper:    var(--night);
    --rice:     var(--night-raised);
    --ink:      var(--night-text);
    --graphite: var(--night-text);
    --muted:    var(--night-muted);
    --hairline: var(--night-line);
    --edge:     var(--night-line);
    --indigo:   var(--seal-night);
    --wash: linear-gradient(160deg,#101410 0%,#191E17 45%,#272C24 100%);
  }
}
