/* ============================================================================
 * Design tokens — Family Recipe Web
 * Copie 1:1 de family recipe/Views/Design System/DesignTokens.swift
 * ============================================================================ */

:root {
  /* Orange family (cœur de marque) */
  --fr-primary:      #F59F0E;
  --fr-primary-deep: #E08A00;
  --fr-primary-soft: #FFE9C2;
  --fr-primary-tint: #FFF6E6;

  /* Backgrounds */
  --fr-bg-warm:         #FDF6EC;
  --fr-bg-warm-deeper:  #F9ECD6;
  --fr-card:            #FFFFFF;

  /* Ink (textes) */
  --fr-ink:    #2B1D0E;
  --fr-ink2:   #5A4632;
  --fr-ink3:   #8A7766;
  --fr-hair:        rgba(70, 45, 15, 0.08);
  --fr-hair-strong: rgba(70, 45, 15, 0.14);

  /* Category accents */
  --fr-cat-entree:     #D95A3B;
  --fr-cat-entree-bg:  #FBE4DC;
  --fr-cat-plat:       #E6B53A;
  --fr-cat-plat-bg:    #FAEFCC;
  --fr-cat-dessert:    #7FA7C9;
  --fr-cat-dessert-bg: #E3EEF7;
  --fr-cat-boisson:    #7E9A6E;
  --fr-cat-boisson-bg: #E4ECDB;

  /* Status */
  --fr-online: #4CAF50;
  --fr-danger: #D9534F;

  /* Radii */
  --fr-radius-small:  10px;
  --fr-radius-medium: 14px;
  --fr-radius-large:  18px;
  --fr-radius-xlarge: 22px;
  --fr-radius-pill:   999px;

  /* Shadows */
  --fr-shadow-card:        0 6px 16px rgba(90, 50, 0, 0.06);
  --fr-shadow-lift:        0 14px 32px rgba(90, 50, 0, 0.10);
  --fr-shadow-primary-btn: 0 6px 14px rgba(224, 122, 0, 0.35);

  /* Fonts */
  --fr-font-display: "Alegreya", Georgia, serif;
  --fr-font-body:    "Alegreya Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --fr-font-script:  "Caveat", "Brush Script MT", cursive;

  /* Animations */
  --fr-ease: cubic-bezier(0.32, 0.72, 0, 1);
}