/* ─────────────────────────────────────────────────────────────
   Fresh — Design System v3 "Cowork" (port web depuis l'app)
   Source : 02_APP/constants/Colors.ts
   ───────────────────────────────────────────────────────────── */
:root {
  /* Brand */
  --fresh-red: #E8372A;
  --fresh-red-dark: #D03025;
  --fresh-red-light: #FDE8E6;
  --fresh-teal: #2A9D8F;
  --fresh-teal-light: #3DB8A9;
  --fresh-orange: #FF6B35;

  /* Surfaces */
  --cream: #FAFAF5;
  --surface: #FFFFFF;
  --muted: #F0F0E8;

  /* Text */
  --charcoal: #2D2D2D;
  --charcoal-secondary: #6B6B6B;
  --text-light: #9A9A9A;

  /* Borders */
  --border: #E5E5DC;

  /* Difficulty (depuis RecipeCard.tsx) */
  --difficulty-easy: #059669;
  --difficulty-intermediate: #D97706;
  --difficulty-hard: #DC143C;

  /* Aliases sémantiques (mirror Colors.light) */
  --primary: var(--fresh-red);
  --primary-dark: var(--fresh-red-dark);
  --primary-light: var(--fresh-red-light);
  --secondary: var(--fresh-teal);
  --accent: var(--fresh-teal);
  --bg: var(--cream);
  --card: var(--surface);
  --text: var(--charcoal);
  --text-secondary: var(--charcoal-secondary);

  /* Typography */
  --font-serif: "DM Serif Display", "Georgia", serif;
  --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;

  /* Type scale (mirror Typography.sizes) */
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-base: 16px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 24px;
  --fs-3xl: 30px;
  --fs-4xl: 36px;
  --fs-5xl: 48px;

  /* Line heights */
  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-base: 1.5;
  --lh-relaxed: 1.65;

  /* Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing (mirror Spacing) */
  --sp-xs: 8px;
  --sp-sm: 16px;
  --sp-md: 24px;
  --sp-lg: 32px;
  --sp-xl: 48px;
  --sp-2xl: 64px;

  /* Radius (mirror Radius) */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 9999px;

  /* Shadow (mirror RecipeCard shadow + cards) */
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-sticky: 0 2px 8px rgba(0, 0, 0, 0.06);

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 800px;
  --header-h: 72px;
}