/* brand/tokens.css — Earth Access design tokens: teal ramp, neutrals, type, scale, spacing, and the per-journal accent set. Canonical; every Earth Access surface imports or copies this file.
 *
 * Moved from ezJATSv3/assets/brand/tokens/brand-tokens.css on 2026-10-04 (values unchanged
 * except --ea-ink-muted, see below). Source of record for the palette: the 2017 brand kit,
 * ColorPalette.docx. Every text/background pair is checked for WCAG AA by tests/check_contrast.py.
 */

@font-face { font-family: "Trueno"; font-weight: 400; font-style: normal; font-display: swap; src: url("font/trueno/TruenoRg.otf") format("opentype"); }
@font-face { font-family: "Trueno"; font-weight: 600; font-style: normal; font-display: swap; src: url("font/trueno/TruenoSBd.otf") format("opentype"); }
@font-face { font-family: "Trueno"; font-weight: 700; font-style: normal; font-display: swap; src: url("font/trueno/TruenoBd.otf") format("opentype"); }
@font-face { font-family: "Trueno"; font-weight: 800; font-style: normal; font-display: swap; src: url("font/trueno/TruenoExBd.otf") format("opentype"); }

:root {
  /* ---------------------------------------------------------------------
   * TEAL RAMP — the brand. Teal is a FILL color, never text on white:
   * #12baa9 on white is ~2.3:1 and fails AA. Links use --ea-teal-text.
   * Labels on a teal fill use --ea-on-primary (near-black), never white.
   * ------------------------------------------------------------------- */
  --ea-teal-100: #c0e1de;  /* washes, hover fills, table stripes — no link text on it (3.7:1) */
  --ea-teal-200: #8ad4cd;  /* borders, dividers, disabled states */
  --ea-teal-300: #5bcac0;  /* secondary accents */
  --ea-teal-400: #2fc1b1;  /* hover state for primary */
  --ea-teal-500: #12baa9;  /* PRIMARY. The brand color. */

  --ea-primary:       var(--ea-teal-500);
  --ea-primary-hover: var(--ea-teal-400);
  --ea-primary-muted: var(--ea-teal-200);
  --ea-primary-wash:  var(--ea-teal-100);

  --ea-teal-text:  #0a7a6f;             /* 5.2:1 on white, 4.9:1 on --ea-surface-alt */
  --ea-on-primary: var(--ea-gray-400);  /* 6.6:1 on teal-500 */

  /* ---------------------------------------------------------------------
   * NEUTRALS — the 2017 kit's grays, read as HSB.
   * ------------------------------------------------------------------- */
  --ea-gray-100: #bdbdbd;  /* rules, borders — not text */
  --ea-gray-200: #828282;  /* decorative only — 3.8:1 on white, fails AA as text */
  --ea-gray-300: #4f4f4f;  /* body text */
  --ea-gray-400: #212121;  /* headings, high-emphasis text */
  --ea-gray-500: #000000;  /* the wordmark */

  --ea-ink:       var(--ea-gray-400);
  --ea-ink-body:  var(--ea-gray-300);
  /* Was var(--ea-gray-200), which fails AA as text. Darkened 2026-10-04: 5.3:1 on white, 5.0:1 on surface-alt. */
  --ea-ink-muted: #6b6b6b;
  --ea-rule:      var(--ea-gray-100);
  --ea-rule-tint: #dbeae7;

  --ea-surface:     #ffffff;
  --ea-surface-alt: #f4f9f8;

  /* ---------------------------------------------------------------------
   * TYPE — Trueno (SIL OFL) for display and UI; a serif stack for prose.
   * The logo's faces (Loew Heavy, Local Brewery) are licensed for the
   * artwork only — never set live text in them.
   * ------------------------------------------------------------------- */
  --ea-font-display: "Trueno", "Helvetica Neue", Arial, sans-serif;
  --ea-font-ui:      "Trueno", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --ea-font-body:    Charter, "Bitstream Charter", "Iowan Old Style", Georgia, serif;
  --ea-font-mono:    "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --ea-weight-display: 800;
  --ea-weight-heading: 700;
  --ea-weight-ui:      600;
  --ea-weight-body:    400;

  /* Type scale — ratio 1.25 from an 18px body. */
  --ea-text-sm:   0.889rem;
  --ea-text-base: 1.125rem;
  --ea-text-lg:   1.406rem;
  --ea-text-xl:   1.758rem;
  --ea-text-2xl:  2.197rem;
  --ea-text-3xl:  2.747rem;
  --ea-leading-tight: 1.15;
  --ea-leading-body:  1.6;

  /* Spacing — 4px base. */
  --ea-space-1: 0.25rem;
  --ea-space-2: 0.5rem;
  --ea-space-3: 0.75rem;
  --ea-space-4: 1rem;
  --ea-space-6: 1.5rem;
  --ea-space-8: 2rem;
  --ea-space-12: 3rem;
  --ea-space-16: 4rem;

  --ea-measure: 40rem;   /* prose line length */
  --ea-wide:    68rem;   /* page width */
  --ea-radius:  6px;

  /* ---------------------------------------------------------------------
   * JOURNAL ACCENTS — one per title, decided once and validated as a set.
   * Each title shares the house identity and adds a slight accent:
   *   -fill  for stripes, badges, rules — labels on it use --ea-on-primary
   *   -text  for links/labels on --ea-surface and --ea-surface-alt (AA)
   * Earth Access Geoscience carries the house teal. The other five are
   * reserved for future titles, in order; assign the next free one.
   * ------------------------------------------------------------------- */
  --ea-accent-eag-fill:     var(--ea-teal-500);
  --ea-accent-eag-text:     var(--ea-teal-text);
  --ea-accent-ochre-fill:   #e0a526;
  --ea-accent-ochre-text:   #8c6614;
  --ea-accent-coral-fill:   #ee8466;
  --ea-accent-coral-text:   #c63d16;
  --ea-accent-sky-fill:     #6fa8dc;
  --ea-accent-sky-text:     #2b70b0;
  --ea-accent-moss-fill:    #9cc152;
  --ea-accent-moss-text:    #5d762a;
  --ea-accent-heather-fill: #b79bd9;
  --ea-accent-heather-text: #8455be;
}