/*
 * Axentra foundation tokens, documented from axentra.no on 2026-08-14.
 * These are adjustable references, not a formal brand manual.
 * No runtime assets are loaded from Axentra's Shopify storefront.
 */
:root {
  color-scheme: light;
  --ax-color-brand-900: #2f3e4f;
  --ax-color-brand-600: #0066ff;
  --ax-color-brand-700: #0052cc;
  --ax-color-ink: #121212;
  --ax-color-surface: #ffffff;
  --ax-color-canvas: #f3f3f3;

  --ax-color-muted: #606776;
  --ax-color-border: #d9dce3;
  --ax-color-brand-hover: #0052cc;
  --ax-color-focus: #0066ff;
  --ax-color-success: #16794d;
  --ax-color-success-soft: #e8f6ef;
  --ax-color-warning: #8a5700;
  --ax-color-warning-soft: #fff3d6;
  --ax-color-danger: #b42318;
  --ax-color-danger-soft: #ffebe9;
  --ax-disposition-purple: #6941c6;
  --ax-disposition-purple-soft: #f2edff;
  --ax-disposition-blue: #175cd3;
  --ax-disposition-blue-soft: #eaf2ff;
  --ax-disposition-teal: #087e8b;
  --ax-disposition-teal-soft: #e4f7f7;
  --ax-disposition-orange: #a4450a;
  --ax-disposition-orange-soft: #fff0e5;

  --ax-font-sans: Murecho, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  --ax-radius-sm: 0.375rem;
  --ax-radius-md: 0.625rem;
  --ax-shadow-sm: 0 1px 2px rgb(18 18 18 / 8%);
  --ax-space-1: 0.25rem;
  --ax-space-2: 0.5rem;
  --ax-space-3: 0.75rem;
  --ax-space-4: 1rem;
  --ax-space-6: 1.5rem;
  --ax-space-8: 2rem;
}

html[data-theme="light"] {
  color-scheme: light;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --ax-color-brand-900: #181c27;
  --ax-color-brand-600: #6fa8ff;
  --ax-color-brand-700: #a8caff;
  --ax-color-ink: #edf0f7;
  --ax-color-surface: #222735;
  --ax-color-canvas: #171b25;
  --ax-color-muted: #aeb6c8;
  --ax-color-border: #3e4659;
  --ax-color-brand-hover: #9fc5ff;
  --ax-color-focus: #6fa8ff;
  --ax-color-success: #72d6a7;
  --ax-color-success-soft: #163a2d;
  --ax-color-warning: #f1bd61;
  --ax-color-warning-soft: #463315;
  --ax-color-danger: #ff9b91;
  --ax-color-danger-soft: #49231f;
  --ax-disposition-purple: #c5adff;
  --ax-disposition-purple-soft: #35275a;
  --ax-disposition-blue: #9fc1ff;
  --ax-disposition-blue-soft: #20375d;
  --ax-disposition-teal: #7ddce2;
  --ax-disposition-teal-soft: #173d42;
  --ax-disposition-orange: #ffb47a;
  --ax-disposition-orange-soft: #4b2c19;
  --ax-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
}

@media (prefers-color-scheme: dark) {
  html[data-theme="system"] {
    color-scheme: dark;
    --ax-color-brand-900: #181c27;
    --ax-color-brand-600: #6fa8ff;
    --ax-color-brand-700: #a8caff;
    --ax-color-ink: #edf0f7;
    --ax-color-surface: #222735;
    --ax-color-canvas: #171b25;
    --ax-color-muted: #aeb6c8;
    --ax-color-border: #3e4659;
    --ax-color-brand-hover: #9fc5ff;
    --ax-color-focus: #6fa8ff;
    --ax-color-success: #72d6a7;
    --ax-color-success-soft: #163a2d;
    --ax-color-warning: #f1bd61;
    --ax-color-warning-soft: #463315;
    --ax-color-danger: #ff9b91;
    --ax-color-danger-soft: #49231f;
    --ax-disposition-purple: #c5adff;
    --ax-disposition-purple-soft: #35275a;
    --ax-disposition-blue: #9fc1ff;
    --ax-disposition-blue-soft: #20375d;
    --ax-disposition-teal: #7ddce2;
    --ax-disposition-teal-soft: #173d42;
    --ax-disposition-orange: #ffb47a;
    --ax-disposition-orange-soft: #4b2c19;
    --ax-shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);
  }
}