/* ChowBelle — design tokens (fonts, colors, typography, spacing)
   Adapted from the ChowBelle design system for the marketing site. */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/CormorantGaramond_300Light.ttf") format("truetype");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/CormorantGaramond_400Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/PlayfairDisplay_700Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/PlayfairDisplay_700Bold_Italic.ttf") format("truetype");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/DMSans_400Regular.ttf") format("truetype");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/DMSans_500Medium.ttf") format("truetype");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/DMSans_700Bold.ttf") format("truetype");
}

:root {
  /* Brand base palette */
  --cb-larder: #2C4A3E;
  --cb-bell-gold: #C9972A;
  --cb-terracotta: #C4622D;
  --cb-cream: #F9F4EC;
  --cb-sage: #8BA888;
  --cb-plum: #5C2E52;
  --cb-white: #FFFFFF;
  --cb-white-warm: #FEF9F2;
  --cb-cream-dim: #C4B8A8;

  /* Semantic tokens — light mode */
  --accent: #C4622D;
  --accent-strong: #A8501F;
  --accent-soft: rgba(196, 98, 45, 0.14);
  --on-accent: #FEF9F2;

  --primary: #2C4A3E;
  --on-primary: #FEF9F2;
  --gold: #C9972A;

  --canvas: #F9F4EC;
  --surface: #FFFCF7;
  --surface-elevated: #FFFFFF;
  --surface-sunken: #F1EADD;
  --hairline: #E5DDD0;
  --muted-fill: #EFE8DC;

  --text-primary: #2C4A3E;
  --text-secondary: #6B756E;
  --text-tertiary: #9AA39C;

  /* Fonts */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-headline: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  --lh-tight: 1.1;
  --lh-snug: 1.25;
  --lh-body: 1.5;
  --lh-relaxed: 1.65;
  --tracking-label: 0.15em;
  --tracking-tight: -0.01em;

  /* Radius */
  --radius-chip: 9px;
  --radius-control: 10px;
  --radius-card: 14px;
  --radius-menu: 16px;
  --radius-pill: 999px;
  --border-hairline: 1px solid var(--hairline);

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(44, 74, 62, 0.06);
  --shadow-card: 0 2px 10px rgba(44, 74, 62, 0.07), 0 1px 3px rgba(44, 74, 62, 0.05);
  --shadow-raised: 0 8px 28px rgba(44, 74, 62, 0.12), 0 2px 6px rgba(44, 74, 62, 0.06);
  --shadow-overlay: 0 16px 48px rgba(20, 31, 28, 0.22);

  /* Motion */
  --ease-standard: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-out: cubic-bezier(0.2, 0.0, 0.0, 1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 360ms;
}