/**
 * ROSBRI DESIGN - Design System Tokens
 * Canonical CSS Variables for Colors, Containers, Radii, Shadows, and Transitions.
 */
:root {
  /* Color Palette - Afritude Luxe */
  --color-ink: #1a1c1f;
  --color-white: #ffffff;
  --color-cream: #faf9fe;
  --color-paper: #fbf8f2;
  --color-champagne: #c5a059;
  --color-champagne-dark: #9f7c31;
  --color-muted: #646468;
  --color-line: #e3e2e7;
  --color-success: #25d366;
  --color-error: #ba1a1a;

  /* Container Max Widths */
  --container-global: 1440px;
  --container-content: 1280px;
  --container-shop: 1720px;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 10px 40px -10px rgba(26, 28, 31, 0.08);
  --shadow-card: 0 16px 40px -10px rgba(26, 28, 31, 0.12);
  --shadow-drawer: -10px 0 30px rgba(26, 28, 31, 0.15);

  /* Transitions */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 300ms cubic-bezier(0.16, 1, 0.3, 1);
}