/* Recipa Design Tokens — Minimalist Monochrome & High-End Editorial Style */
:root {
  /* Colors — Deep Forest Green Accent (from DESIGN.md) & Clean White Canvas */
  --color-background: #ffffff;
  --color-surface: #ffffff;
  --color-surface-container: #f7f9f8;
  --color-surface-card: #fafafa;
  --color-on-surface: #111111;
  --color-on-surface-variant: #555555;
  --color-muted: #777777;
  --color-outline: #e2e2e2;
  --color-outline-variant: #eeeeee;

  --color-primary: #265243;
  --color-on-primary: #ffffff;
  --color-primary-hover: #1a3b30;

  --color-secondary: #f4f7f5;
  --color-on-secondary: #265243;

  --color-glass-tint: rgba(255, 255, 255, 0.85);
  --color-glass-border: rgba(38, 82, 67, 0.12);
  --color-glow-accent: #a2e3c8;
  --color-green-tint: rgba(38, 82, 67, 0.35);

  /* Typography */
  --font-display: "Playfair Display", Georgia, serif;
  --font-text: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --text-display-lg-size: 48px;
  --text-display-lg-weight: 600;
  --text-display-lg-leading: 1.15;
  --text-display-lg-tracking: -0.02em;

  --text-headline-lg-size: 36px;
  --text-headline-lg-weight: 500;
  --text-headline-lg-leading: 1.2;

  --text-headline-md-size: 24px;
  --text-headline-md-weight: 600;
  --text-headline-md-leading: 1.3;

  --text-body-base-size: 16px;
  --text-body-base-weight: 400;
  --text-body-base-leading: 1.6;
  --text-body-base-tracking: -0.01em;

  --text-label-sm-size: 13px;
  --text-label-sm-weight: 600;
  --text-label-sm-leading: 1.4;
  --text-label-sm-tracking: 0.05em;

  /* Shape */
  --radius-sm: 4px;
  --radius-default: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Spacing */
  --space-unit: 4px;
  --space-margin-page: 20px;
  --space-gutter-card: 20px;
  --space-stack-sm: 8px;
  --space-stack-md: 14px;
  --space-stack-lg: 28px;
  --space-section-padding: 56px;
}