/* Blend UI — Shadcn-style tokens (Sun Flower Cafe nature theme) */
:root {
  --background: 43 56% 97%;
  --foreground: 28 42% 16%;
  --card: 0 0% 100%;
  --card-foreground: 28 42% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 28 42% 16%;
  --primary: 88 32% 36%;
  --primary-foreground: 0 0% 100%;
  --secondary: 43 85% 92%;
  --secondary-foreground: 28 42% 20%;
  --muted: 43 28% 93%;
  --muted-foreground: 28 12% 42%;
  --accent: 42 88% 55%;
  --accent-foreground: 28 55% 16%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 43 32% 88%;
  --input: 43 32% 88%;
  --ring: 88 32% 36%;
  --radius: 0.75rem;

  /* Brand aliases (map to semantic tokens) */
  --sunflower: hsl(var(--accent));
  --sunflower-light: hsl(43 90% 88%);
  --sage: hsl(var(--primary));
  --sage-dark: hsl(88 32% 24%);
  --cream: hsl(var(--background));
  --cream-dark: hsl(43 40% 92%);
  --earth: hsl(28 35% 40%);
  --sky: hsl(198 45% 78%);
  --sky-deep: hsl(198 38% 58%);
  --white: hsl(0 0% 100%);
  --text: hsl(var(--foreground));
  --text-muted: hsl(var(--muted-foreground));

  --shadow: 0 4px 24px hsl(var(--foreground) / 0.06);
  --shadow-lg: 0 12px 40px hsl(var(--foreground) / 0.1);
  --shadow-nav: 0 8px 32px hsl(var(--foreground) / 0.08);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-lg: calc(var(--radius) + 4px);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --font-display: "Lora", Georgia, serif;
  --font-body: "Raleway", system-ui, sans-serif;
  --header-h: 64px;
  --status-h: 36px;
  --header-total-h: calc(var(--header-h) + var(--status-h));
  --section-gap: clamp(3.5rem, 8vw, 5.5rem);
  --content-max: 72rem;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0.01ms; }
}
/* Blend UI — Shadcn-style tokens (Sun Flower Cafe nature theme) */
:root {
  --background: 43 56% 97%;
  --foreground: 28 42% 16%;
  --card: 0 0% 100%;
  --card-foreground: 28 42% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 28 42% 16%;
  --primary: 88 32% 36%;
  --primary-foreground: 0 0% 100%;
  --secondary: 43 85% 92%;
  --secondary-foreground: 28 42% 20%;
  --muted: 43 28% 93%;
  --muted-foreground: 28 12% 42%;
  --accent: 42 88% 55%;
  --accent-foreground: 28 55% 16%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;
  --border: 43 32% 88%;
  --input: 43 32% 88%;
  --ring: 88 32% 36%;
  --radius: 0.75rem;

  /* Brand aliases (map to semantic tokens) */
  --sunflower: hsl(var(--accent));
  --sunflower-light: hsl(43 90% 88%);
  --sage: hsl(var(--primary));
  --sage-dark: hsl(88 32% 24%);
  --cream: hsl(var(--background));
  --cream-dark: hsl(43 40% 92%);
  --earth: hsl(28 35% 40%);
  --sky: hsl(198 45% 78%);
  --sky-deep: hsl(198 38% 58%);
  --white: hsl(0 0% 100%);
  --text: hsl(var(--foreground));
  --text-muted: hsl(var(--muted-foreground));

  --shadow: 0 4px 24px hsl(var(--foreground) / 0.06);
  --shadow-lg: 0 12px 40px hsl(var(--foreground) / 0.1);
  --shadow-nav: 0 8px 32px hsl(var(--foreground) / 0.08);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-lg: calc(var(--radius) + 4px);
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --font-display: "Lora", Georgia, serif;
  --font-body: "Raleway", system-ui, sans-serif;
  --header-h: 64px;
  --status-h: 36px;
  --header-total-h: calc(var(--header-h) + var(--status-h));
  --section-gap: clamp(3.5rem, 8vw, 5.5rem);
  --content-max: 72rem;
}

@media (prefers-reduced-motion: reduce) {
  :root { --transition: 0.01ms; }
}