/* Cloud Chicken v3 — street check system */

:root {
  --cc3-sky: #4BAEE8;
  --cc3-sky-deep: #2E8FD4;
  --cc3-yellow: #F5B800;
  --cc3-yellow-bright: #FFD93D;
  --cc3-white: #FFFFFF;
  --cc3-cream: #FFF9F2;
  --cc3-ink: #1A2B4A;
  --cc3-ink-soft: #2D4268;
  --cc3-border: #C8DFF0;
  --cc3-border-strong: #1A2B4A;

  --color-brand-primary: var(--cc3-sky);
  --color-brand-accent: var(--cc3-yellow);
  --color-brand-surface: var(--cc3-cream);
  --color-brand-ink: var(--cc3-ink);
  --color-brand-on-dark: var(--cc3-white);

  /* Logo wordmark stack: heavy rounded sans (matches cloud lockup) */
  --font-logo: "Fredoka", "Nunito", system-ui, sans-serif;
  --font-display: var(--font-logo);
  --font-accent: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-wordmark: var(--font-logo);
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --text-display: clamp(2.5rem, 8vw, 4rem);
  --text-h2: clamp(1.35rem, 3vw, 1.75rem);
  --text-h3: 0.95rem;
  --text-body: 0.9375rem;
  --text-sm: 0.8125rem;
  --text-xs: 0.6875rem;
  --text-label: 0.75rem;

  --leading-tight: 1.05;
  --leading-body: 1.55;
  --tracking-display: -0.02em;
  --tracking-label: 0.12em;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;

  --pattern-checker: repeating-conic-gradient(
    var(--cc3-sky) 0% 25%,
    var(--cc3-white) 0% 50%
  ) 0 0 / 16px 16px;
  --pattern-checker-band: repeating-linear-gradient(
    90deg,
    var(--cc3-sky) 0 12px,
    var(--cc3-white) 12px 24px
  );

  --radius-sharp: 4px;
  --radius-brand: 6px;
  --radius-pill: 999px;
  --shadow-brand: 4px 4px 0 var(--cc3-ink);
  --shadow-soft: 0 10px 32px rgba(26, 43, 74, 0.1);
  --stroke-brand: 2px solid var(--cc3-ink);
}