:root {
  /* PUBLIC-UI-INTEGRATION-02: the semantic color tokens below were retargeted
     from the older mineral-paper / plum-ink / vermilion-action palette to the
     Concept C navy/teal system, so every not-yet-migrated old-design public
     surface (Article, About, Submissions, Contact, native OJS frontend bits)
     inherits the unified Concept C palette instead of the burgundy/red legacy
     look. The homepage/header/footer read from the separate --cacs-dark-teal /
     concept-c.css --cacs-navy-* token families and are unaffected. */
  --cacs-color-ink: #13273D;
  --cacs-color-ink-muted: #5A626B;
  --cacs-color-paper: #FBFCFC;
  --cacs-color-surface: #F0F2F3;
  --cacs-color-surface-strong: #E4E9EC;
  --cacs-color-border: #D3D5D7;
  --cacs-color-brand: #002D5E;
  --cacs-color-brand-strong: #001B38;
  --cacs-color-action: #0192A6;
  --cacs-color-action-hover: #016E80;
  --cacs-color-focus: #2FADC0;
  --cacs-color-success: #1E7A4C;
  --cacs-color-warning: oklch(56% 0.14 78);
  --cacs-color-error: #B3261E;
  --cacs-color-info: #0B3E6E;

  --cacs-font-body: "Source Sans 3", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --cacs-font-display: "Source Serif 4", ui-serif, Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
  --cacs-font-size-xs: 0.875rem;
  --cacs-font-size-sm: 0.9rem;
  /* Phase 08D typography audit: base/md/lg raised so body text, H3-level
     labels and H2-level headings land inside the approved reading targets
     (body 16.5-18px, H3 22-26px, H2 30-36px desktop) — see
     docs/evidence/cacs-phase-08d-public-premium-admin-content/
     PUBLIC_TYPOGRAPHY_AUDIT.md. xs/sm are left as-is: they back genuinely
     secondary metadata (bylines, DOI chips, reference citations), which
     the same audit's floor (~14px) already treats differently from body text. */
  --cacs-font-size-base: 1.0625rem;
  --cacs-font-size-md: 1.375rem;
  --cacs-font-size-lg: clamp(1.5rem, 1.15rem + 1.4vw, 2.1rem);
  --cacs-font-size-xl: clamp(1.8rem, 1.35rem + 2vw, 2.75rem);
  --cacs-font-size-2xl: clamp(2.35rem, 1.5rem + 4vw, 4.5rem);
  --cacs-line-tight: 1.12;
  --cacs-line-heading: 1.25;
  --cacs-line-body: 1.65;
  --cacs-weight-normal: 400;
  --cacs-weight-medium: 600;
  --cacs-weight-bold: 750;

  --cacs-space-1: 0.25rem;
  --cacs-space-2: 0.5rem;
  --cacs-space-3: 0.75rem;
  --cacs-space-4: 1rem;
  --cacs-space-5: 1.5rem;
  --cacs-space-6: 2rem;
  --cacs-space-7: 3rem;
  --cacs-space-8: 4.5rem;
  --cacs-gutter: clamp(1rem, 4vw, 3rem);
  --cacs-container: 72rem;
  --cacs-measure: 72ch;
  --cacs-radius-sm: 0.2rem;
  --cacs-radius-md: 0.45rem;
  --cacs-shadow-low: 0 0.25rem 1.25rem oklch(24% 0.025 335 / 0.09);
  --cacs-z-nav: 20;
  --cacs-z-skip: 100;
  --cacs-duration-fast: 140ms;
  --cacs-ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --cacs-touch-target: 2.75rem;
  --cacs-breakpoint-nav: 64rem;
}

/*
 * Leadership-approved v1 design tokens (Phase 08A).
 * Scope: global public header, global public footer, homepage shell only
 * (docs/design/leadership-approved-v1/). Deliberately additive: the
 * semantic tokens above remain the source of truth for pages not yet
 * migrated to this palette (search, login, register, issue archive,
 * article). Selectors that implement the new header/footer/homepage look
 * read from this block; nothing else is repainted in Phase 08A.
 */
:root {
  /* Color */
  /* Approved CACS logo palette: deep navy, regional teal and soft silver. */
  --cacs-dark-teal: #062B61;
  --cacs-teal: #007E95;
  /* Phase 08C: updated to the approved-v1 reference's own sampled accent
     blue (#1083E6, see --color-primary-visual below) - Phase 08A used an
     unapproved placeholder cyan for this same primary-action/accent
     role. Text-sized usages of this token were audited and moved to
     --color-primary-text for contrast; see ACCESSIBILITY_AUDIT.md. */
  --cacs-cyan: #009AAF;
  --cacs-green: #008DA4;
  --cacs-coral: #2B6691;
  --cacs-purple: #6F7F8A;
  --cacs-white: #FFFFFF;
  --cacs-soft-bg: #F5F7F8;
  --cacs-dark-text: #172B33;
  --cacs-border: #D8DEE1;

  /* Layout */
  --cacs-content-max-width: 100rem;
  --cacs-reading-width: 42rem;
  --cacs-sidebar-width: 18rem;
  --cacs-header-height: 4.5rem;
  --cacs-public-density: 0.6rem;
  --cacs-table-density: 0.5rem;

  /* Style */
  --cacs-radius-small: 0.25rem;
  --cacs-radius-medium: 0.5rem;
  --cacs-shadow-subtle: 0 1px 3px rgba(6, 59, 70, 0.12);
  --cacs-border-width: 1px;
  --cacs-focus-ring: 0 0 0 3px rgba(0, 163, 199, 0.45);

  /*
   * Typography: Source Serif 4 gives journal headings an academic voice;
   * Source Sans 3 keeps dense metadata and navigation clearly readable.
   * Both retain system fallbacks so text remains available during loading.
   */
  --cacs-font-heading: var(--cacs-font-display);
  --cacs-font-ui: var(--cacs-font-body);
}

/*
 * Phase 08C: approved-v1 visual-blue tokens (docs/design/approved-v1/
 * APPROVAL_RECORD.md). The reference's own sampled accent blue is
 * #1083E6, distinct from Phase 08A's --cacs-cyan (#00A3C7) used
 * elsewhere in this file - kept as separate semantic roles rather than
 * repainting --cacs-cyan globally, since Phase 08A's existing header/
 * footer/homepage-shell treatment using --cacs-cyan was itself already
 * approved and is not being redesigned here. --color-primary-visual is
 * for fills/borders/icons/large decorative use (matches the reference
 * pixel exactly); --color-primary-text is a darkened variant for
 * normal-size text/links that would otherwise fail WCAG 4.5:1 on white
 * (see accessibility notes in docs/evidence/phase-08c-ojs-theme-integration/
 * ACCESSIBILITY_AUDIT.md).
 */
:root {
  --color-primary-visual: #009AAF;
  --color-primary-text: #006A7D;
  --color-primary-hover: #005569;
  --color-primary-soft: color-mix(in oklch, #009AAF, white 90%);
}