/* ============================================================
   DIVERSOS & SACONJO — Locked Design Tokens
   "Quiet Atlantic Luxury" · Luanda Soul, Lisbon Tailoring
   Document Ref: AUG-PROMPT-DS-2026-REV3 · Section 2.2
   ============================================================ */
:root {
  /* Surfaces — Warm Editorial Silk & Travertine (NEVER sterile #FFFFFF canvas) */
  --ds-canvas: #FAF8F5;          /* Primary page background — Warm Alabaster Silk */
  --ds-surface: #F3EFEA;         /* Product card studio backdrop & lookbook panels */
  --ds-surface-hover: #EBE5DD;   /* Subtle tactile hover surface */
  --ds-elevated: #FFFFFF;        /* Drawers, modals, dropdowns, sticky summary cards */
  --ds-obsidian: #141210;        /* Espresso Noir — Announcement bar, Primary CTA, Luxury Footer */
  --ds-obsidian-soft: #1F1C19;   /* Secondary dark cards & dark-mode admin sidebar */

  /* Typography Ink Hierarchy (WCAG AAA/AA Compliant) */
  --ds-ink: #181614;             /* Primary text & headings (16.4:1 contrast on --ds-canvas) */
  --ds-ink-secondary: #5C554E;   /* Body copy, fabric descriptions, policy prose */
  --ds-ink-muted: #8C837A;       /* Breadcrumbs, SKUs, out-of-stock strike-throughs */
  --ds-ink-on-dark: #FAF8F5;     /* Crisp warm ivory text on --ds-obsidian */

  /* Brand Signature Accents */
  --ds-brass: #B8925A;           /* Champagne Couture Brass — '&' mark, active borders, VIP badges */
  --ds-brass-soft: #F5EFE4;      /* Soft champagne tint for info banners & subtle pills */
  --ds-terracotta: #A85338;      /* Angolan Sun Terracotta — Sale % badge, low-stock urgency */
  --ds-terracotta-soft: #F9ECE7; /* Soft terracotta wash */

  /* Semantic Status Colors */
  --ds-success: #2D5A43;         /* Botanical Emerald — In Stock, Verified, Delivered */
  --ds-warning: #9A6B26;         /* Warm Amber — Pending Payment, Low Stock */
  --ds-danger: #9E2A2B;          /* Deep Crimson — Error, Rejected, Out of Stock */

  /* Architectural Hairlines, Radii & Elevation */
  --ds-border: rgba(24, 22, 20, 0.09);
  --ds-border-strong: rgba(24, 22, 20, 0.20);
  --ds-radius-xs: 2px;           /* Couture sharp-tailored corners on product cards & inputs */
  --ds-radius-sm: 4px;           /* Buttons, size chips, tags */
  --ds-radius-md: 8px;           /* Modals, drawers, dashboard cards */
  --ds-shadow-subtle: 0 8px 28px rgba(20, 18, 16, 0.05);
  --ds-shadow-drawer: -16px 0 48px rgba(20, 18, 16, 0.14);

  /* Motion Curves */
  --ds-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ds-ease-silk: cubic-bezier(0.16, 1, 0.3, 1);

  /* Typography */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* Layout */
  --ds-container: 1440px;
  --ds-header-h: 76px;
  --ds-topbar-h: 36px;
}