/* GENERATED by ux/tokens/build.mjs — do not edit. Rebuild: cd ux && npm run build:tokens
   Source: ux/tokens/absa.tokens.json (sparse slots inherited from simply) */
:root, html[data-brand="absa"] {
  /* Colors are HSL triplets: use hsl(var(--name)) or hsl(var(--name) / 0.5) */
  --background: 240 11% 98%;
  --foreground: 0 0% 16%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 16%;
  --primary: 15 96% 55%;
  --primary-foreground: 0 0% 100%;
  --secondary: 339 79% 38%;
  --secondary-foreground: 0 0% 100%;
  --accent: 0 0% 19%;
  --accent-foreground: 0 0% 100%;
  --muted: 200 9% 96%;
  --muted-foreground: 210 11% 46%;
  --destructive: 0 100% 45%;
  --destructive-foreground: 0 0% 100%;
  --border: 225 4% 82%;
  --input: 225 4% 82%;
  --ring: 15 96% 55%;
  --page-header: 204 15% 97%;
  --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%;

  --font-primary: 'Source Sans 3', sans-serif;
  --font-secondary: 'Source Sans 3', sans-serif;
  --font-script: 'Source Sans 3', sans-serif;

  --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));
  --ease-brand: cubic-bezier(0.16, 1, 0.3, 1);

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