/* Yevenna tokens. Generated from tokens.json. Every variable is prefixed --yv-. */
/* Light is the default. Dark follows the OS unless you force a theme with data-theme="light" or data-theme="dark" on <html>. */
:root, [data-theme="light"] {
  --yv-paper: #F8F5EF;
  --yv-surface: #FFFFFF;
  --yv-hueso: #EFE8DD;
  --yv-line: #E5DDD0;
  --yv-line-strong: #8C8378;
  --yv-ink: #1A1612;
  --yv-on-ink: var(--yv-paper);
  --yv-gray: #5E5A54;
  --yv-cereza: #8E2A2A;
  --yv-cafetal: #2F5240;
  --yv-shadow-pop: 0 8px 24px #1a161214;
  --yv-focus-ring: 0 0 0 2px #F8F5EF, 0 0 0 4px #1A1612;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --yv-paper: #171411;
    --yv-surface: #201C18;
    --yv-hueso: #2A251F;
    --yv-line: #3A332B;
    --yv-line-strong: #6E665C;
    --yv-ink: #F3EEE6;
    --yv-on-ink: var(--yv-paper);
    --yv-gray: #B3AA9E;
    --yv-cereza: #E08A80;
    --yv-cafetal: #8FBF9F;
    --yv-shadow-pop: 0 8px 24px #00000099;
    --yv-focus-ring: 0 0 0 2px #171411, 0 0 0 4px #F3EEE6;
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --yv-paper: #171411;
  --yv-surface: #201C18;
  --yv-hueso: #2A251F;
  --yv-line: #3A332B;
  --yv-line-strong: #6E665C;
  --yv-ink: #F3EEE6;
  --yv-on-ink: var(--yv-paper);
  --yv-gray: #B3AA9E;
  --yv-cereza: #E08A80;
  --yv-cafetal: #8FBF9F;
  --yv-shadow-pop: 0 8px 24px #00000099;
  --yv-focus-ring: 0 0 0 2px #171411, 0 0 0 4px #F3EEE6;
  color-scheme: dark;
}
:root {
  --yv-space-1: 4px;
  --yv-space-2: 8px;
  --yv-space-3: 12px;
  --yv-space-4: 16px;
  --yv-space-5: 20px;
  --yv-space-6: 24px;
  --yv-space-8: 32px;
  --yv-space-12: 48px;
  --yv-space-16: 64px;
  --yv-radius-sm: 8px;
  --yv-radius-btn: 10px;
  --yv-radius-md: 12px;
  --yv-radius-lg: 16px;
  --yv-radius-xl: 22px;
  --yv-radius-full: 9999px;
  --yv-touch-pos-tile: 88px;
  --yv-touch-pos-button: 48px;
  --yv-touch-web-button: 40px;
  --yv-touch-min: 44px;
  --yv-font-display: "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --yv-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --yv-font-voice: "Newsreader", Georgia, "Times New Roman", serif;
  --yv-font-mono: "DM Mono", ui-monospace, Menlo, Consolas, monospace;
}
.yv-text-display-xl { font-family: var(--yv-font-display); font-size: 124px; line-height: 0.95; font-weight: 600; letter-spacing: -0.045em; }
.yv-text-display { font-family: var(--yv-font-display); font-size: 72px; line-height: 1; font-weight: 600; letter-spacing: -0.04em; }
.yv-text-h1 { font-family: var(--yv-font-display); font-size: 48px; line-height: 1.05; font-weight: 600; letter-spacing: -0.03em; }
.yv-text-h2 { font-family: var(--yv-font-display); font-size: 32px; line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; }
.yv-text-h3 { font-family: var(--yv-font-sans); font-size: 22px; line-height: 1.25; font-weight: 600; letter-spacing: -0.015em; }
.yv-text-pos-tile { font-family: var(--yv-font-sans); font-size: 17px; line-height: 1.3; font-weight: 600; }
.yv-text-body { font-family: var(--yv-font-sans); font-size: 16px; line-height: 1.5; font-weight: 400; }
.yv-text-small { font-family: var(--yv-font-sans); font-size: 14px; line-height: 1.45; font-weight: 400; }
.yv-text-label { font-family: var(--yv-font-sans); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; }
.yv-text-voice-lg { font-family: var(--yv-font-voice); font-size: 48px; line-height: 1.1; font-weight: 400; font-style: italic; }
.yv-text-voice { font-family: var(--yv-font-voice); font-size: 22px; line-height: 1.3; font-weight: 400; font-style: italic; }
.yv-text-voice-sm { font-family: var(--yv-font-voice); font-size: 16px; line-height: 1.35; font-weight: 400; font-style: italic; }
.yv-text-code { font-family: var(--yv-font-mono); font-size: 13px; line-height: 1.4; font-weight: 400; letter-spacing: 0.02em; }
.yv-text-code-lg { font-family: var(--yv-font-mono); font-size: 20px; line-height: 1.4; font-weight: 500; letter-spacing: 0.02em; }