/*
 * Cider Studios, tokens de design.
 * GERADO por scripts/build-tokens.mjs a partir de system/tokens/. Não edite à mão.
 * Fonte da verdade: docs/estudo-de-marca.md
 */

:root {
  /* primitivos, seção 6.1 */
  --cider-color-gold: #FFC244;
  --cider-color-coral: #FF7A59;
  --cider-color-apple: #A8E063;
  --cider-color-sky: #8FD3FF;
  --cider-color-ink: #171522;
  --cider-color-plum: #4B4460;
  --cider-color-haze: #F6F5FA;
  --cider-color-white: #FFFFFF;

  /* tipografia, seção 7.1 */
  --cider-font: "Sora", system-ui, -apple-system, sans-serif;
  --cider-weight-light: 300;
  --cider-weight-regular: 400;
  --cider-weight-semibold: 600;
  --cider-weight-bold: 700;
  --cider-weight-black: 800;
  --cider-size-wordmark: 64px;
  --cider-size-hero: 28px;
  --cider-size-section: 26px;
  --cider-size-gameTitle: 22px;
  --cider-size-button: 15px;
  --cider-size-body: 15px;
  --cider-size-secondary: 13px;
  --cider-size-light: 13px;
  --cider-track-wordmark: -3px;
  --cider-track-hero: -1px;
  --cider-track-section: -0.7px;
  --cider-track-gameTitle: -0.4px;
  --cider-track-flat: 0px;
  --cider-leading-heading: 1.08;
  --cider-leading-body: 1.575;
  --cider-measure: 80ch;

  /* forma e difusão */
  --cider-radius-card: 24px;
  --cider-radius-pill: 999px;
  --cider-blur-glass: blur(22px) saturate(150%);
  --cider-blur-mesh: 95px;

  /* movimento, seções 4.7 e 6.2 */
  --cider-ease: cubic-bezier(.3,.7,.3,1);
  --cider-fizz-duration: 1500ms;
  --cider-fizz-stagger: 110ms;
  --cider-mesh-cycle: 18000ms;

  /* gradientes */
  --cider-gradient-action: linear-gradient(135deg, #FFC244, #FF7A59);
  --cider-gradient-bubble: radial-gradient(circle at 32% 28%, #FFC244, #FF7A59);
  --cider-gradient-icon-dark: linear-gradient(160deg, #4B4460, #171522);

  /* elevação */
  --cider-elevation-glass: 0 18px 44px rgba(23, 21, 34, 0.1);
  --cider-elevation-action: 0 12px 30px rgba(255, 122, 89, 0.4);
}

/* papéis, modo claro */
:root {
    --cider-surface-base: #F6F5FA;
    --cider-surface-glass: rgba(255, 255, 255, 0.55);
    --cider-surface-glassBorder: rgba(255, 255, 255, 0.8);
    --cider-surface-secondary: rgba(255, 255, 255, 0.6);
    --cider-surface-done: rgba(23, 21, 34, 0.08);
    --cider-text-primary: #171522;
    --cider-text-secondary: #4B4460;
    --cider-text-onAction: #171522;
    --cider-border-subtle: rgba(23, 21, 34, 0.15);
    --cider-action-primary: linear-gradient(135deg, #FFC244, #FF7A59);
    --cider-action-primaryShadow: rgba(255, 122, 89, 0.4);
    --cider-accent-apple: #A8E063;
    --cider-accent-sky: #8FD3FF;
}

/* papéis, modo escuro */
:root[data-theme="dark"] {
    --cider-surface-base: #171522;
    --cider-surface-glass: rgba(255, 255, 255, 0.08);
    --cider-surface-glassBorder: rgba(255, 255, 255, 0.14);
    --cider-surface-secondary: rgba(255, 255, 255, 0.08);
    --cider-surface-done: rgba(255, 255, 255, 0.08);
    --cider-text-primary: #F6F5FA;
    --cider-text-secondary: rgba(246, 245, 250, 0.65);
    --cider-text-onAction: #171522;
    --cider-border-subtle: rgba(255, 255, 255, 0.14);
    --cider-action-primary: linear-gradient(135deg, #FFC244, #FF7A59);
    --cider-action-primaryShadow: rgba(255, 122, 89, 0.4);
    --cider-accent-apple: #A8E063;
    --cider-accent-sky: #8FD3FF;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cider-surface-base: #171522;
    --cider-surface-glass: rgba(255, 255, 255, 0.08);
    --cider-surface-glassBorder: rgba(255, 255, 255, 0.14);
    --cider-surface-secondary: rgba(255, 255, 255, 0.08);
    --cider-surface-done: rgba(255, 255, 255, 0.08);
    --cider-text-primary: #F6F5FA;
    --cider-text-secondary: rgba(246, 245, 250, 0.65);
    --cider-text-onAction: #171522;
    --cider-border-subtle: rgba(255, 255, 255, 0.14);
    --cider-action-primary: linear-gradient(135deg, #FFC244, #FF7A59);
    --cider-action-primaryShadow: rgba(255, 122, 89, 0.4);
    --cider-accent-apple: #A8E063;
    --cider-accent-sky: #8FD3FF;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cider-fizz-duration: 0.01ms;
    --cider-fizz-stagger: 0ms;
    --cider-mesh-cycle: 0s;
  }
}