/* Koyo · Komorebi design tokens — ver docs/BRIEFING.md §3 */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans-italic.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("/fonts/manrope.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/jetbrains-mono.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans KR";
  src: url("/fonts/noto-sans-kr-subset.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

:root {
  /* Papel — niveles de superficie (regla "sin líneas") */
  --paper: #fef9ea;
  --paper-low: #f8f3e4;
  --paper-mid: #f2edde;
  --paper-high: #ece8d9;
  --paper-max: #e6e2d3;
  --sun: #ffffff;

  /* Tinta */
  --ink: #1d1c13;
  --ink-soft: #55433d;
  --ink-faint: #88726c;
  --ghost: rgba(85, 67, 61, 0.15);

  /* Acentos */
  --clay: #99462a;
  --clay-soft: #d97757;
  --clay-wash: #f6dfd3;
  --matcha: #576a4e;
  --matcha-soft: #849878;
  --leaf: #dde6d2;
  --amber: #c08a2e;
  --amber-wash: #f5e7c8;

  /* Noche — barra */
  --night: #1a1914;
  --night-low: #22211b;
  --night-mid: #2b2a22;
  --night-high: #36342b;
  --night-ink: #f2edde;
  --night-soft: #b9b2a0;
  --night-faint: #9c9583;

  /* Estados SLA */
  --ok: #8fa883;
  --warn: #d9a441;
  --late: #e07a5f;

  /* Tipografía */
  --font-display: "Plus Jakarta Sans", "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", monospace;
  --font-kr: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  --fs-display: clamp(3.1rem, 1.6rem + 5vw, 6.4rem);
  --fs-h1: clamp(2.3rem, 1.5rem + 2.6vw, 3.6rem);
  --fs-h2: clamp(1.55rem, 1.2rem + 1.1vw, 2.2rem);
  --fs-h3: 1.25rem;
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-micro: 0.75rem;

  /* Forma */
  --r-chip: 12px;
  --r-ctl: 20px;
  --r-card: 28px;
  --r-arch: 999px 999px 32px 32px;
  --r-pill: 999px;

  /* Profundidad */
  --shadow: 0 20px 40px rgba(29, 28, 19, 0.06);
  --shadow-lift: 0 28px 60px rgba(29, 28, 19, 0.1);
  --glass: rgba(254, 249, 234, 0.72);
  --blur: blur(20px) saturate(1.2);

  /* Degradado terracota */
  --cta: linear-gradient(135deg, var(--clay) 0%, var(--clay-soft) 100%);

  /* Espacio */
  --gutter: clamp(16px, 4vw, 56px);
  --max: 1440px;

  /* Movimiento */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --t-micro: 180ms;
  --t-comp: 320ms;
  --t-scene: 520ms;

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-micro: 1ms;
    --t-comp: 1ms;
    --t-scene: 1ms;
  }
}