/**
 * luxo — DRAFT pending Ricardo validation
 * CMO LUXO v2 (2026-09-05) — L1 Gallery ink SHIP
 * Ice white + cool stone + lacquer black Ligar + platinum chips.
 *
 * REJECTED v1 (BANNED from ship): cream #f7f3eb, champagne #c4a574,
 * warm charcoal #2c2824, soft atelier serifs (Source Serif 4 / Cormorant).
 *
 * Serif exception: sharp Didone only — Bodoni Moda 600 (ship).
 * Do NOT treat as locked product default until APPROVED.
 */

:root {
  /* --- Surfaces (ice / cool gallery — NOT cream) --- */
  --color-bg: #ffffff;
  --color-surface: #f4f4f5;
  --color-surface-2: #e4e4e7;

  /* --- Text --- */
  --color-text: #0a0a0a;
  --color-muted: #5c5c5c;

  /* --- Brand --- */
  --color-primary: #0a0a0a;     /* lacquer / ink black — quiet authority Ligar */
  --color-primary-hover: #262626;
  --color-accent: #b8b8b8;      /* cool platinum — chips / thin rules ONLY */

  /* --- UI chrome --- */
  --color-border: #d4d4d8;
  --color-focus: #0a0a0a;

  /* --- Contrast helpers (CRO 2026-09-06) --- */
  --color-on-light: #0a0a0a;
  --color-on-light-muted: #5c5c5c;
  --color-ink-on-light: var(--color-primary); /* ink — never platinum as text on white */
  --color-dark-band: var(--color-primary);
  --color-on-dark: #f3f4f5;
  --color-on-dark-accent: #e4e4e7; /* cool stone on lacquer — not peach */

  /* --- CTA (primary = black Ligar + white — conversion strength) --- */
  --color-cta-bg: #0a0a0a;
  --color-cta-text: #ffffff;
  --color-cta-bg-hover: #262626;
  --color-cta-border: #0a0a0a;

  /* --- Accent CTA / badge (platinum + ink text — chips only, NOT rival hero) --- */
  --color-cta-accent-bg: #b8b8b8;
  --color-cta-accent-text: #0a0a0a;
  --color-cta-accent-border: #a1a1aa;

  /* --- Secondary / ghost (black outline on ice) --- */
  --color-cta-secondary-bg: transparent;
  --color-cta-secondary-text: #0a0a0a;
  --color-cta-secondary-border: #0a0a0a;

  /* --- Typography (Option A ship — sharp Bodoni; soft serifs OFF ship) --- */
  --font-sans: "Source Sans 3", "Source Sans Pro", system-ui, -apple-system,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Bodoni Moda", "Libre Bodoni", Didot, Georgia,
    "Times New Roman", serif;
  --font-display-weight: 600;

  /* --- Shape & space (gallery restraint) --- */
  --radius: 4px;
  --radius-sm: 2px;
  --radius-pill: 999px;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --shadow-none: none;
  --shadow-soft: 0 1px 2px rgba(10, 10, 10, 0.06);
}

/*
 * Sample usage (illustrative)
 *
 * Primary button (black Ligar — quiet authority, NOT orange/gold fill):
 *   .btn-primary {
 *     background: var(--color-cta-bg);
 *     color: var(--color-cta-text);
 *     border: 1px solid var(--color-cta-border);
 *     border-radius: var(--radius);
 *     padding: 12px 24px;
 *     min-height: 44px;
 *     font-family: var(--font-sans);
 *     font-weight: 600;
 *   }
 *   .btn-primary:hover {
 *     background: var(--color-cta-bg-hover);
 *   }
 *
 * Secondary / ghost (ink outline — Pedir orçamento):
 *   .btn-secondary {
 *     background: var(--color-cta-secondary-bg);
 *     color: var(--color-cta-secondary-text);
 *     border: 1px solid var(--color-cta-secondary-border);
 *   }
 *
 * Platinum chip (accent ≠ rival hero — never a second filled Ligar):
 *   .badge-signal {
 *     background: var(--color-cta-accent-bg);
 *     color: var(--color-cta-accent-text);  // ink #0a0a0a on platinum
 *     border-radius: var(--radius-sm);
 *     padding: var(--space-1) var(--space-3);
 *     font-family: var(--font-sans);
 *     font-weight: 700;
 *     font-size: 0.875rem;
 *   }
 *
 * Hero H1 (sharp Didone — Bodoni Moda 600; no Condensed; no ALL CAPS):
 *   .hero h1 {
 *     font-family: var(--font-display);
 *     font-weight: 600;
 *     font-size: clamp(2rem, 3.5vw, 2.75rem);
 *     color: var(--color-text);
 *     letter-spacing: 0.01em;
 *     line-height: 1.25;
 *     text-transform: none;
 *     margin: 0 0 var(--space-4);
 *   }
 *
 * Never: cream #f7f3eb, champagne #c4a574, warm beige, gold hero fills,
 * orange spark, retail yellow, Source Serif 4 / Cormorant on luxo ship,
 * purple gradients, glitter, Inter.
 */