/* The Handoff — design tokens (cargo). Tema independiente. La ESTRUCTURA de tokens calca halves-theme (color / shape / spacing / type / motion); la paleta y la tipografia son propias. Paleta: kraft, tinta, sello, tostado. */ /* La paleta clara va en :root / .theme-light. NO en .the-handoff: esa clase esta siempre en el body y, si redefine la paleta, pisa el modo oscuro que el toggle aplica en . */ :root, .theme-light { /* superficie cargo */ --paper: #e7dcc7; /* kraft / yute */ --paper-2: #ddd0b6; /* kraft en sombra */ --surface: #efe7d6; /* tarjeta, un punto mas claro */ --ink: #211b14; /* tinta de stencil */ --ink-soft: #4f4434; /* tinta diluida / muted (AA sobre kraft: ~5.5:1) */ --line: #c4b59a; /* borde sobre kraft */ --stamp: #a8322a; /* rojo de sello (acento, cuño, no texto pequeño) */ --stamp-text: #9a2c24; /* sello legible como texto/enlace (AA: ~4.9:1) */ --roast: #b8651f; /* tostado / grano */ /* alias semanticos (mismos nombres que halves para portar plumbing) */ --bg-color: var(--paper); --surface-color:var(--surface); --text-color: var(--ink); --muted-color: var(--ink-soft); --border-color: var(--line); --accent-color: var(--stamp); --accent-alt: var(--roast); /* tipografia: stencil para marca, condensada para titulares, serif calida para lectura larga, mono para etiquetado tipo cuño */ --font-stencil: 'Stardos Stencil', 'Oswald', sans-serif; --font-display: 'Oswald', 'Archivo Narrow', system-ui, sans-serif; --font-body: 'Bitter', Georgia, 'Times New Roman', serif; --font-mono: 'JetBrains Mono', 'Courier New', monospace; /* Escala modular ~1.25 (cuarta menor), anclada en 1.06rem. meta < base < lead < h3 < h2 < h1, sin solapes. */ --fs-meta: 0.8rem; --fs-base: 1.06rem; --fs-lead: 1.3rem; --fs-h4: 1.18rem; --fs-h3: clamp(1.35rem, 1.1rem + 0.9vw, 1.6rem); --fs-h2: clamp(1.7rem, 1.3rem + 1.6vw, 2.3rem); --fs-h1: clamp(2.3rem, 1.5rem + 3.4vw, 3.9rem); --lh-body: 1.68; --lh-tight: 1.12; --measure: 66ch; /* spacing (escala de halves) */ --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-24:96px; /* shape: cargo = esquinas duras, bordes de tinta, nada de sombras blandas */ --radius: 2px; --border-w: 2px; --hard-offset: 6px; /* desplazamiento de "sello" en sombras duras */ /* motion */ --t-fast: 0.12s ease; --t-base: 0.16s ease; } /* Modo noche: el saco a contraluz. Tinta de fondo, kraft de texto. */ .theme-dark { --paper: #1a1611; --paper-2: #120f0b; --surface: #221c15; --ink: #ece1cc; --ink-soft: #b3a489; --line: #4a4032; --stamp: #d2553f; /* cuño / acento grafico */ --stamp-text: #e08267; /* sello como texto/enlace: mas claro, menos vibracion */ --roast: #d98a3a; }