/* Design tokens — mirrors src/constants/colors.ts, typography.ts, and spacing.ts */
:root {
  /* Colors — Colors.* */
  --color-primary: #E8735A;
  --color-primary-dark: #C4503A;
  --color-text-primary: #2D1F1A;
  --color-text-secondary: #7A5C54;
  --color-background: #FDF6F0;
  --color-card-fill: #FFFCF8;
  --color-card-border: rgba(180, 155, 130, 0.35);
  --color-warm-gray-400: #C4A99E;
  --color-warm-gray-600: #8C6B60;
  --color-divider: #EAD9CF;
  --color-surface-selected: #FAE8E0;

  /* Typography — AppFonts.* */
  --font-display: 'Playfair Display', Georgia, serif;
  --font-ui: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Font weights — AppFonts.*Regular/Medium/Semibold */
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;

  /* Font sizes — FontSize.* */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --font-size-xxl: 36px;

  /* Border radius — BorderRadius.* */
  --radius-sm: 8px;
  --radius-md: 16px;

  /* Shadows — Shadow.card */
  --shadow-card: 0 7px 18px rgba(45, 31, 26, 0.18);
}