/**
 * GiveManna + Bold Typography Design Tokens
 * Warm, light theme — welcoming and calm. Sharp edges, one accent.
 * See docs/design-system.md for usage.
 */

:root {
  /* --- Colors (warm & light: cream, warm charcoal, one accent) --- */
  --color-bg: #f8f6f3;
  --color-foreground: #1c1917;
  --color-muted: #57534e;
  --color-border: #d6d3d1;
  --color-border-hover: #a8a29e;
  --color-input: #efebe7;
  /* Accent: GiveManna blue (logo, CTAs, links) — unchanged for brand */
  --color-accent: #3e78b2;
  --color-accent-hover: #2d6aa3;
  /* Text/icons on accent background */
  --color-accent-on: #fafafa;

  /* Semantic aliases */
  --color-link: var(--color-accent);
  --color-link-hover: var(--color-accent-hover);
  --text-heading: var(--color-foreground);
  --text-body: var(--color-foreground);
  --text-muted: var(--color-muted);

  /* --- Typography stacks --- */
  --font-heading: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-body: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-display: "Playfair Display", Georgia, serif;
  --font-mono: "JetBrains Mono", "Fira Code", monospace;

  /* Type scale (Bold Typography) */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 2.5rem;
  --text-5xl: 3.5rem;
  --text-6xl: 4.5rem;
  --text-7xl: 6rem;
  --text-8xl: 8rem;
  --text-9xl: 10rem;

  /* Tracking */
  --tracking-tighter: -0.06em;
  --tracking-tight: -0.04em;
  --tracking-normal: -0.01em;
  --tracking-wide: 0.05em;
  --tracking-wider: 0.1em;
  --tracking-widest: 0.2em;

  /* Line heights */
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.6;
  --leading-relaxed: 1.75;

  /* --- Radius & border (Bold: sharp only) --- */
  --radius: 0;
  --border-width: 1px;
  --border-thick: 2px;

  /* --- Spacing --- */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 5rem;
  --space-5xl: 6rem;
  /* Section padding */
  --section-tight: 5rem;
  --section: 7rem;
  --section-hero: 10rem;

  /* --- Layout --- */
  --container-max: 1200px;
  --container-padding-mobile: 24px;
  --container-padding-tablet: 48px;
  --container-padding-desktop: 64px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.25, 0, 0, 1);
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 500ms;

  /* --- Effects (no traditional shadows) --- */
  --shadow: none;

  /* --- Texture & depth --- */
  --noise-opacity: 0.03;
  --deco-text-opacity: 0.06;
  --accent-bar-height: 4px;
  --accent-bar-width: 64px;
}