/* ============================================================
   Premier Trophy · component-level tokens (blue palette)
   Layered on top of colors_and_type.css.
   ============================================================ */

:root {
  /* ── Button system ──────────────────────────────────────── */
  --cc-btn-primary-bg: var(--cc-primary-500);
  --cc-btn-primary-bg-hover: var(--cc-primary-600);
  --cc-btn-primary-bg-press: var(--cc-primary-700);
  --cc-btn-primary-fg: #ffffff;
  --cc-btn-primary-radius: var(--cc-r-sm);
  --cc-btn-primary-pad-y: 12px;
  --cc-btn-primary-pad-x: 26px;

  --cc-btn-hero-radius: var(--cc-r-xs); /* sharper on the hero */

  --cc-btn-secondary-bg: #ffffff;
  --cc-btn-secondary-fg: var(--cc-ink-800);
  --cc-btn-secondary-border: var(--cc-border-strong);
  --cc-btn-secondary-border-hover: var(--cc-primary-500);
  --cc-btn-secondary-fg-hover: var(--cc-primary-700);

  /* ── Inputs ─────────────────────────────────────────────── */
  --cc-input-bg: #ffffff;
  --cc-input-border: var(--cc-border-input);
  --cc-input-border-focus: var(--cc-primary-500);
  --cc-input-radius: var(--cc-r-sm);
  --cc-input-pad-y: 10px;
  --cc-input-pad-x: 14px;
  --cc-input-focus-ring: 0 0 0 3px rgba(50, 93, 121, 0.22);

  /* ── Cards ──────────────────────────────────────────────── */
  --cc-card-bg: #ffffff;
  --cc-card-border: var(--cc-border);
  --cc-card-radius: var(--cc-r-lg);
  --cc-card-shadow-hover: var(--cc-shadow-card-hover);

  /* ── Mega menu ──────────────────────────────────────────── */
  --cc-mega-bg: #ffffff;
  --cc-mega-tier2-bg: var(--cc-surface-warm);
  --cc-mega-tier2-active-bg: #ffffff;
  --cc-mega-tier2-fg: var(--cc-ink-700);
  --cc-mega-tier2-fg-active: var(--cc-primary-700);
  --cc-mega-tier3-accent: var(--cc-primary-500);
  --cc-mega-shadow: var(--cc-shadow-mega);
  --cc-mega-border: var(--cc-border);
  --cc-mega-hover-delay-open: 80ms; /* @kind other */
  --cc-mega-hover-delay-close: 220ms; /* @kind other */

  /* ── Nav / Pills ────────────────────────────────────────── */
  --cc-nav-fg: var(--cc-ink-700);
  --cc-nav-fg-hover: var(--cc-primary-500);
  --cc-nav-fg-active: var(--cc-ink-900);
  --cc-nav-indicator: var(--cc-primary-500);

  /* ── Hero ───────────────────────────────────────────────── */
  --cc-hero-eyebrow-color: var(--cc-primary-200);
  --cc-hero-cta-bg: var(--cc-primary-500);
  --cc-hero-cta-bg-hover: var(--cc-primary-600);

  /* ── Footer ─────────────────────────────────────────────── */
  --cc-footer-bg: var(--cc-primary-900);
  --cc-footer-fg: rgba(255, 255, 255, 0.72);
  --cc-footer-strong: #ffffff;
  --cc-footer-accent: var(--cc-primary-300);
  --cc-footer-hairline: rgba(255, 255, 255, 0.08);

  /* ── Pagination / current state ─────────────────────────── */
  --cc-pagination-current-bg: var(--cc-primary-500);
  --cc-pagination-current-fg: #ffffff;

  /* ── Status / badge ─────────────────────────────────────── */
  --cc-badge-info-bg: var(--cc-primary-50);
  --cc-badge-info-fg: var(--cc-primary-700);
  --cc-badge-info-border: var(--cc-primary-100);

  --cc-badge-trust-bg: var(--cc-steel-50);
  --cc-badge-trust-fg: var(--cc-steel-700);
  --cc-badge-trust-border: var(--cc-steel-100);

  /* ── Trust strip (footer + procurement) ─────────────────── */
  --cc-trust-icon: var(--cc-primary-300);
  --cc-trust-fg: rgba(255, 255, 255, 0.85);

  /* ── Quote-status chips (pipeline: new → quoted → confirmed →
        production → ready → delivered / cancelled) ──────────── */
  --cc-chip-radius: var(--cc-r-sm);
  --cc-chip-pad: 3px 10px;
  --cc-chip-fs: 12px;

  /* ── Section header (v2 editorial) ──────────────────────── */
  --cc-section-eyebrow-rule: var(--cc-primary-500);
  --cc-section-pad-y: clamp(48px, 7vw, 96px);

  /* ── Product thumbnail (catalogue packshot tile) ────────── */
  --cc-thumb-bg: var(--cc-surface-photo, #f7f5f1);
  --cc-thumb-radius: var(--cc-r-md);
  --cc-thumb-zoom: 1.035; /* @kind other */
}