/* CONCEPT C — Editorial retail system. Sharp geometry, one oxblood signal. */
:root {
  --cc-ink: #111111;
  --cc-graphite: #292929;
  --cc-paper: #f7f5ef;
  --cc-bone: #eceae4;
  --cc-white: #ffffff;
  /* Darkened from #6f6c66: the old value measured 4.35:1 against --cc-bone,
     which is the band behind every page heading, so secondary copy missed
     AA on eight pages. This clears 4.69:1 on bone and 5.17:1 on paper and
     is visually indistinguishable. */
  --cc-muted: #6a6761;
  --cc-faint: #98958e;
  --cc-line: rgba(17, 17, 17, 0.18);
  --cc-line-dark: rgba(255, 255, 255, 0.24);
  --cc-burgundy: #651e2a;
  --cc-error: #8a1f2b;
  --cc-success: #244d35;

  --cc-display: "Bodoni Moda", Didot, "Times New Roman", serif;
  --cc-ui: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --cc-ar-display: "Noto Kufi Arabic", "Noto Sans Arabic", sans-serif;
  --cc-ar-ui: "Noto Sans Arabic", Arial, sans-serif;

  --cc-r-0: 0;
  --cc-r-1: 4px;
  --cc-r-2: 8px;
  --cc-r-3: 16px;
  --cc-r-full: 999px;

  --cc-gutter: clamp(18px, 3.2vw, 56px);
  --cc-section: clamp(84px, 10vw, 176px);
  --cc-wide: 1760px;
  --cc-copy: 720px;

  --cc-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cc-ease-io: cubic-bezier(0.65, 0, 0.35, 1);
  --cc-fast: 160ms;
  --cc-state: 280ms;
  --cc-drawer: 520ms;
  --cc-reveal: 780ms;

  --ground: var(--cc-paper);
  --surface: var(--cc-paper);
  --surface-2: var(--cc-bone);
  --well: var(--cc-bone);
  --surface-lift: var(--cc-white);
  --surface-sink: var(--cc-bone);
  --ink-900: var(--cc-ink);
  --ink-800: var(--cc-ink);
  --ink-700: var(--cc-graphite);
  --ink-600: var(--cc-muted);
  --signal: var(--cc-burgundy);
  --room: var(--cc-ink);
  --room-lift: var(--cc-graphite);
  --line: var(--cc-line);
  --r-xs: var(--cc-r-1);
  --r-sm: var(--cc-r-1);
  --r-md: var(--cc-r-2);
  --r-lg: var(--cc-r-2);
  --r-xl: var(--cc-r-3);
  --r-2xl: var(--cc-r-3);
  --r-full: var(--cc-r-full);
  --font: var(--cc-ui);
  --ease: var(--cc-ease);
  --ease-io: var(--cc-ease-io);
  --shell: var(--cc-wide);
  --gutter: var(--cc-gutter);

  /* Header and footer bands, and the primary button, all read their own
     token so Site Settings can move them independently of body ink —
     each defaults to the ink/paper it already matched. */
  --cc-header-bg: var(--cc-paper);
  --cc-footer-bg: var(--cc-ink);
  --cc-footer-text: var(--cc-paper);
  --btn-bg: var(--ink-900);
  --btn-bg-hover: var(--cc-burgundy);
  --btn-text: var(--cc-paper);
}

html[dir="rtl"] {
  --cc-display: var(--cc-ar-display);
  --cc-ui: var(--cc-ar-ui);
  --font: var(--cc-ar-ui);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cc-fast: 1ms;
    --cc-state: 1ms;
    --cc-drawer: 1ms;
    --cc-reveal: 1ms;
  }
}