/*
 * Tara Tiger Brown digital brand tokens.
 * Source: docs/brand/README.md and the checked-in brand kit.
 * Deploy this file as /ds/tokens.css at the site document root.
 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --ttb-forest: #2e4936;
  --ttb-moss: #6f8263;
  --ttb-cedar: #8b755e;
  --ttb-sky: #9db7c4;
  --ttb-mist: #d7e0e3;
  --ttb-warm-paper: #f4efe3;
  --ttb-charcoal: #30352f;
  --ttb-white: #ffffff;

  /* Semantic aliases for new components. */
  --ttb-color-primary: var(--ttb-forest);
  --ttb-color-secondary: var(--ttb-sky);
  --ttb-color-accent: var(--ttb-moss);
  --ttb-color-warm: var(--ttb-cedar);
  --ttb-color-surface: var(--ttb-warm-paper);
  --ttb-color-surface-muted: var(--ttb-mist);
  --ttb-color-text: var(--ttb-charcoal);
  --ttb-color-text-inverse: var(--ttb-white);

  --ttb-font-headings: 'Inter', system-ui, sans-serif;
  --ttb-font-sans: 'Inter', system-ui, sans-serif;
  --ttb-font-body: 'Noto Sans', system-ui, sans-serif;

  --ttb-leading-tight: 1.2;
  --ttb-leading-normal: 1.5;
  --ttb-leading-relaxed: 1.6;
  --ttb-radius-sm: 6px;
  --ttb-radius-md: 14px;
  --ttb-radius-lg: 24px;
  --ttb-radius-full: 9999px;
  
  --ttb-space-1: 0.25rem;
  --ttb-space-2: 0.5rem;
  --ttb-space-3: 0.75rem;
  --ttb-space-4: 1rem;
  --ttb-space-6: 1.5rem;
  --ttb-space-8: 2rem;
  --ttb-space-12: 3rem;
  --ttb-space-16: 4rem;
}