/* Delcossa · Design system 1.3 · source of truth */
:root {
  --brand-50: #fff3f2; --brand-100: #ffe2df; --brand-500: #c81517;
  --brand-600: #ac1012; --brand-700: #861811; --brand-900: #3f1114;
  --neutral-0: #ffffff; --neutral-50: #f8f7f4; --neutral-100: #eeede9;
  --neutral-200: #dad9d4; --neutral-500: #72736e; --neutral-600: #5f605b;
  --neutral-800: #30332e; --neutral-900: #20241f;
  --petrol-50: #edf4f4; --petrol-100: #dbe9e9; --petrol-600: #37696e; --petrol-900: #173f45;
  --sand-50: #faf8f3; --sand-100: #eee5d7; --sand-700: #736044;
  --color-navigation: var(--petrol-900); --color-surface-cool: var(--petrol-50);
  --color-surface-warm: var(--sand-100); --color-text-accent: var(--petrol-900);
  --coral-50: #fff6f3; --coral-100: #f8e1dc; --coral-300: #edaaa4;
  --coral-400: #e9a198; --coral-500: #df8e85; --coral-ink: #573b3a;
  --gradient-coral: linear-gradient(125deg, #f7d7cd 0%, #edaaa4 65%, #e99b95 100%);
  --color-action: var(--coral-400); --color-action-hover: var(--coral-500);
  --color-action-text: #442b29;
  --color-primary: var(--brand-500); --color-primary-hover: var(--brand-600);
  --color-background: var(--neutral-50); --color-surface: var(--neutral-0);
  --color-text: var(--neutral-900); --color-text-muted: var(--neutral-600);
  --color-border: var(--neutral-200); --color-focus: #2761a5;
  --color-success: #27613a; --color-warning: #805609; --color-danger: var(--brand-600);
  --font-body: Arial, Helvetica, sans-serif; --font-display: Arial, Helvetica, sans-serif;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: 1rem; --text-lg: 1.125rem;
  --text-xl: 1.5rem; --text-2xl: 2rem; --text-hero: clamp(3rem, 5.3vw, 5rem);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem; --space-20: 5rem; --space-24: 6rem;
  --radius-sm: .75rem; --radius-md: 1.25rem; --radius-lg: 1.75rem;
  --radius-pill: 999px;
  --border-subtle: #20241f14;
  --shadow-card: 0 2px 4px #20241f03, 0 12px 32px #20241f06;
  --shadow-card-hover: 0 4px 8px #20241f04, 0 20px 40px #20241f0d;
  --shadow-button: 0 2px 3px #86181112, 0 4px 10px #86181114;
  --container: 1240px; --duration-fast: 160ms; --duration-base: 240ms;
  --ease: cubic-bezier(.2,.7,.2,1);
}