/* GENERATED from CozyDesign/web/cozy-tokens.css by scripts/sync-design.mjs. Edit it there, not here. */
/* CozyMacApps design tokens for the web. Mirrors tokens.json.
   Keep in sync with the token block at the top of CozyMacAppsWebsite/src/css/site.css. */
:root {
  color-scheme: light dark;

  /* Brand */
  --cozy-blue: light-dark(#1d5bd8, #7aa7ff);
  --cozy-blue-deep: #0a3a8c;
  --cozy-blue-glint: light-dark(#24a8fc, #5cc2ff);
  --on-accent: light-dark(#ffffff, #10131a);

  /* Neutrals */
  --bg: light-dark(#fbf8f3, #151412);
  --surface: light-dark(#ffffff, #1f1d1a);
  --surface-2: light-dark(#f3eee6, #282521);
  --ink: light-dark(#1c1a17, #f3efe8);
  --muted: light-dark(#625c53, #aaa398);
  --line: light-dark(rgba(46, 36, 20, 0.13), rgba(255, 240, 220, 0.13));
  --shadow: light-dark(rgba(60, 45, 20, 0.14), rgba(0, 0, 0, 0.5));

  /* Status */
  --ok: light-dark(#23803d, #6fcf87);
  --warn: light-dark(#a15c00, #f0b45a);
  --stop: light-dark(#b3261e, #ff8a80);

  /* Type */
  --serif: "Fraunces Variable", ui-serif, Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Space */
  --space-2xs: 2px; --space-xs: 4px; --space-sm: 8px; --space-md: 12px;
  --space-lg: 16px; --space-xl: 24px; --space-2xl: 32px; --space-3xl: 48px;

  /* Radius */
  --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;
  --radius-xl: 22px; --radius: 28px; --radius-pill: 999px;

  /* Motion */
  --ease-quick: 0.15s ease;
  --ease-gentle: 0.45s ease-in-out;

  /* Elevation */
  --shadow-card: 0 2px 6px var(--shadow);
  --shadow-window: 0 30px 60px -20px var(--shadow), 0 2px 6px var(--shadow);
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }

/* Per-app re-tint: set --app-light / --app-dark on any element. */
:root,
[style*="--app-light"] {
  --accent: light-dark(var(--app-light, #1d5bd8), var(--app-dark, #7aa7ff));
  --accent-tint: color-mix(in oklab, var(--accent) 9%, var(--surface));
  --accent-line: color-mix(in oklab, var(--accent) 28%, transparent);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}