/*
 * AIRPLC THEME
 * Edit this first block to recolor both pages. No build step required.
 * Accent tints, neutral shades, glass, and shadows derive from these values.
 * Photography, the logo, and the downloadable PDF retain their original colors.
 */
:root {
  --color-background: #ffffff;
  --color-surface: #f5f8fb;
  --color-text: #171b21;
  --color-text-muted: #626f7a;
  --color-spec-text: var(--color-text);
  --color-heading-muted: #828d97;
  --color-accent: #6293b7;
  --color-accent-strong: color-mix(in srgb, var(--color-accent) 70%, var(--color-text));
  --color-border: #e1e7ed;
  --color-action: var(--color-text);
  --color-on-action: #ffffff;
  --color-success: #4e8c75;
  --color-light: #fff0b8;
  --color-shadow: #263c50;
  --color-about-heading: var(--color-text);
  --color-about-emphasis: color-mix(in srgb, var(--color-accent) 78%, var(--color-text));
  --color-about-secondary: color-mix(in srgb, var(--color-text) 76%, var(--color-background));

  /* Derived palette — normally leave these alone. */
  --accent-05: color-mix(in srgb, var(--color-accent) 5%, var(--color-background));
  --accent-10: color-mix(in srgb, var(--color-accent) 10%, var(--color-background));
  --accent-15: color-mix(in srgb, var(--color-accent) 15%, var(--color-background));
  --accent-20: color-mix(in srgb, var(--color-accent) 20%, var(--color-background));
  --accent-30: color-mix(in srgb, var(--color-accent) 30%, var(--color-background));
  --accent-40: color-mix(in srgb, var(--color-accent) 40%, var(--color-background));
  --accent-55: color-mix(in srgb, var(--color-accent) 55%, var(--color-background));
  --accent-75: color-mix(in srgb, var(--color-accent) 75%, var(--color-background));
  --neutral-05: color-mix(in srgb, var(--color-text) 5%, var(--color-background));
  --neutral-10: color-mix(in srgb, var(--color-text) 10%, var(--color-background));
  --neutral-20: color-mix(in srgb, var(--color-text) 20%, var(--color-background));
  --neutral-35: color-mix(in srgb, var(--color-text) 35%, var(--color-background));
  --neutral-55: color-mix(in srgb, var(--color-text) 55%, var(--color-background));
  --neutral-75: color-mix(in srgb, var(--color-text) 75%, var(--color-background));

  /* Shared component aliases. */
  --ink: var(--color-text);
  --body: var(--color-text-muted);
  --muted: var(--color-text-muted);
  --line: var(--color-border);
  --blue: var(--accent-20);
  --blue-deep: var(--color-accent-strong);
  --pale: var(--color-surface);
}