/**
 * APACPH design tokens.
 *
 * Every other stylesheet in this plugin depends on this file and uses these variables
 * rather than raw hex values, so the palette can be adjusted in one place.
 * Primitive tokens are the APACPH brand colours; semantic tokens describe a role.
 */

:root {
  /* Brand primitives */
  --apacph-navy: #082747;
  --apacph-navy-700: #124f78;
  --apacph-blue: #005f8f;
  --apacph-blue-600: #0b698f;
  --apacph-blue-400: #087fa9;
  --apacph-sky: #0088cc;
  --apacph-teal: #008f8c;
  /* Brand teal is only 3.5:1 on the pale teal surface. This is the text-safe variant. */
  --apacph-teal-700: #006b69;
  --apacph-gold: #d99b2b;
  --apacph-gold-300: #efb64a;
  --apacph-ink: #17324d;
  --apacph-canvas: #f4f8fb;
  --apacph-white: #fff;

  /* Surfaces */
  --apacph-surface: var(--apacph-white);
  --apacph-surface-sunken: var(--apacph-canvas);
  --apacph-surface-raised: #f8fafb;
  --apacph-surface-invert: var(--apacph-navy);

  /* Lines */
  --apacph-border: #d9e5ee;
  --apacph-border-strong: #b9ccda;
  --apacph-border-soft: #e6edf2;

  /* Text */
  --apacph-text: var(--apacph-ink);
  --apacph-text-muted: #587087;
  --apacph-text-subtle: #7890a4;
  --apacph-slate: #426277;
  --apacph-text-invert: var(--apacph-white);

  /* Status: paired foreground and background, both AA against their partner */
  --apacph-success: #0f6b48;
  --apacph-success-bg: #e4f3ec;
  --apacph-warning: #8a5606;
  --apacph-warning-bg: #fff4dc;
  --apacph-danger: #aa2f3b;
  --apacph-danger-bg: #fbe8ea;
  --apacph-info: var(--apacph-blue);
  --apacph-info-bg: #e9f4f8;
  --apacph-accent-bg: #dff5f2;

  /* Shape and depth */
  --apacph-radius: 10px;
  --apacph-radius-sm: 6px;
  --apacph-radius-pill: 999px;
  --apacph-shadow-sm: 0 1px 2px rgb(8 39 71 / .06);
  --apacph-shadow: 0 1px 2px rgb(8 39 71 / .06), 0 8px 24px rgb(8 39 71 / .07);
  --apacph-focus-ring: 0 0 0 3px rgb(0 95 143 / .38);

  /* Spacing scale (4px base) */
  --apacph-space-1: 4px;
  --apacph-space-2: 8px;
  --apacph-space-3: 12px;
  --apacph-space-4: 16px;
  --apacph-space-5: 24px;
  --apacph-space-6: 32px;
  --apacph-space-7: 48px;
}