/**
 * Daylyf brand CSS variables — generated from packages/brand/tokens.js values.
 * Website imports this file; keep in sync when tokens.js changes.
 */
:root {
  --brand-maroon: #800000;
  --brand-midnight: #0a0a0f;
  --brand-charcoal: #4a4f54;
  --brand-flint: #a8adb2;
  --brand-ivory: #f6f3ee;
  --daylyf-sand: #e7ded7;
  --daylyf-taupe-mid: #b9a99c;
  --daylyf-white: #ffffff;
  --brand-border: rgba(10, 10, 15, 0.1);
  --brand-border-subtle: rgba(10, 10, 15, 0.06);
  --brand-maroon-soft: rgba(128, 0, 0, 0.08);
  --brand-maroon-glow: rgba(128, 0, 0, 0.22);
  --brand-ivory-glass: rgba(246, 243, 238, 0.92);
  --cta-on-maroon: #ffffff;
  --font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --radius-lg: 24px;
  --radius-md: 16px;
  --shadow-card: 0 18px 50px rgba(10, 10, 15, 0.08);
}