/* Shared web tokens promoted from the stable oil reference implementation.
 * Central authority: el-quinto-camino-project DESIGN_SYSTEM.md / issue #38.
 * Final production typefaces and identity values remain subject to central identity issue #2.
 */
:root {
  --eqc-surface: #fff9ee;
  --eqc-surface-low: #f9f3e8;
  --eqc-surface-mid: #f3ede2;
  --eqc-surface-high: #ede8dd;
  --eqc-ink: #1d1c15;
  --eqc-muted: #57534b;
  --eqc-rule: rgba(29, 28, 21, 0.14);
  --eqc-blue: #00203f;
  --eqc-blue-reference: #0e355e;
  --eqc-earth: #934a31;
  --eqc-ochre: #d4a15c;

  --eqc-font-editorial: Newsreader, Georgia, serif;
  --eqc-font-brand: "EB Garamond", Georgia, serif;
  --eqc-font-factual: "Hanken Grotesk", Arial, sans-serif;

  --eqc-content-width: 1280px;
  --eqc-reading-width: 720px;
  --eqc-page-gutter: 64px;
  --eqc-page-gutter-tablet: 32px;
  --eqc-page-gutter-mobile: 16px;

  --eqc-space-1: 0.375rem;
  --eqc-space-2: 0.75rem;
  --eqc-space-3: 1.5rem;
  --eqc-space-4: 2.5rem;
  --eqc-space-5: 4rem;
  --eqc-space-6: 6rem;

  --eqc-radius: 0;

  /* Compatibility aliases for existing monorepo consumers. */
  --eqc-font-serif: var(--eqc-font-brand);
  --eqc-font-sans: var(--eqc-font-factual);
  --eqc-text: var(--eqc-ink);
  --eqc-background: var(--eqc-surface);
  --eqc-border: var(--eqc-rule);
  --eqc-space-8: 2rem;
  --eqc-space-12: 3rem;
  --eqc-space-16: 4rem;
  --eqc-radius-sm: .25rem;
  --eqc-radius-md: .5rem;

  /* Compatibility aliases used by the first oil reference implementation.
   * New shared code should prefer the --eqc-* names.
   */
  --surface: var(--eqc-surface);
  --surface-low: var(--eqc-surface-low);
  --surface-mid: var(--eqc-surface-mid);
  --surface-high: var(--eqc-surface-high);
  --ink: var(--eqc-ink);
  --muted: var(--eqc-muted);
  --rule: var(--eqc-rule);
  --blue: var(--eqc-blue);
  --blue2: var(--eqc-blue-reference);
  --earth: var(--eqc-earth);
  --ochre: var(--eqc-ochre);
  --max: var(--eqc-content-width);
}
