/**
 * Design tokens Rubis — source unique de vérité.
 *
 * Importé par :
 *   - apps/web/src/styles/app.css
 *   - apps/landing/...                (à venir)
 *
 * Tailwind v4 lit les `@theme` et génère automatiquement les classes
 * dérivées (text-rubis, bg-cream, font-display, rounded-card, etc.).
 *
 * Ne PAS dupliquer ces tokens ailleurs : si tu ajoutes une couleur ou
 * une font, c'est ici que ça se passe.
 */
@theme {
  --color-rubis: #9f1239;
  --color-rubis-deep: #771328;
  --color-rubis-light: #c9415c;
  --color-rubis-glow: #fbe4ea;

  --color-cream: #faf7f2;
  --color-cream-2: #f5efe7;
  --color-line: #e8e0d6;
  --color-ink: #1a1410;
  --color-ink-2: #4f4640;
  --color-ink-3: #8a7f76;

  --font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: "Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  --radius-sharp: 4px;
  --radius-default: 6px;
  --radius-soft: 10px;
  --radius-card: 14px;

  --shadow-rubis: 0 2px 8px rgba(159, 18, 57, 0.25);
  --shadow-rubis-hover: 0 6px 16px rgba(159, 18, 57, 0.35);
  --shadow-card:
    0 16px 40px -16px rgba(26, 20, 16, 0.18), 0 4px 8px -2px rgba(26, 20, 16, 0.06);
  --shadow-soft: 0 4px 16px rgba(26, 20, 16, 0.04);
}
