/* GENERATED by ux/tokens/build.mjs — do not edit. Rebuild: cd ux && npm run build:tokens
   Source: ux/tokens/simply.tokens.json (sparse slots inherited from simply) */
:root, html[data-brand="simply"] {
  /* Colors are HSL triplets: use hsl(var(--name)) or hsl(var(--name) / 0.5) */
  --background: 0 0% 99%;
  --foreground: 210 21% 16%;
  --card: 0 0% 100%;
  --card-foreground: 210 21% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 210 21% 16%;
  --primary: 200 100% 45%;
  --primary-foreground: 0 0% 100%;
  --secondary: 277 44% 24%;
  --secondary-foreground: 0 0% 100%;
  --accent: 20 100% 45%;
  --accent-foreground: 0 0% 100%;
  --muted: 200 9% 96%;
  --muted-foreground: 210 11% 46%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 204 14% 91%;
  --input: 204 14% 91%;
  --ring: 200 100% 45%;
  --page-header: 204 15% 97%;
  --hero: 277 44% 24%;
  --hero-foreground: 0 0% 100%;
  --hero-accent: 33 100% 45%;
  --hero-highlight: 168 100% 45%;
  --success: 100 80% 38%;
  --success-foreground: 0 0% 100%;
  --info: 189 89% 31%;
  --info-foreground: 0 0% 100%;
  --warning: 44 100% 45%;
  --warning-foreground: 210 21% 16%;
  --simply-blue: 200 100% 45%;
  --simply-orange: 33 100% 45%;
  --simply-turquoise: 168 100% 45%;
  --simply-dark-blue: 200 100% 23%;
  --simply-deep-orange: 20 100% 45%;
  --simply-aqua: 173 45% 49%;
  --simply-purple: 277 44% 24%;
  --hollard-purple: 277 44% 24%;

  --font-primary: 'Dosis', sans-serif;
  --font-secondary: 'Roboto', sans-serif;
  --font-script: 'Caveat', cursive;

  --radius: 0.75rem;
  --radius-lg: var(--radius);
  --radius-md: calc(var(--radius) - 2px);
  --radius-sm: calc(var(--radius) - 4px);

  --shadow-card: 0 4px 24px -4px hsl(var(--primary) / 0.08);
  --shadow-card-hover: 0 8px 32px -4px hsl(var(--primary) / 0.14);
  --shadow-hero: 0 20px 60px -12px hsl(var(--primary) / 0.2);

  --gradient-brand: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--primary)));
  --gradient-deep: linear-gradient(135deg, hsl(var(--secondary)), hsl(var(--primary)));
  --gradient-soft: linear-gradient(135deg, hsl(var(--primary) / 0.06), hsl(var(--secondary) / 0.04), hsl(var(--primary) / 0.03));
  --gradient-footer-strip: linear-gradient(90deg, hsl(var(--simply-aqua)) 0 33.333%, hsl(var(--simply-blue)) 33.333% 66.667%, hsl(var(--simply-deep-orange)) 66.667% 100%);
  --ease-brand: cubic-bezier(0.16, 1, 0.3, 1);

  --container-padding: 2rem;
  --container-max: 1400px;
  --spacing-base: 4px;
}