/* Generated by scripts/generate-design-tokens.php from shared/design-tokens/arkpixels-forest.v1.json. */
/* Do not edit this file directly. */

:root {
  --ark-seed-primary: #1D6B50;
  --ark-seed-secondary: #4C6358;
  --ark-seed-tertiary: #3E6374;
  --ark-secondary-operational: #4C6358;
  --ark-shape-extra-small: 8px;
  --ark-shape-small: 12px;
  --ark-shape-medium: 16px;
  --ark-shape-large: 20px;
  --ark-shape-extra-large: 28px;
  --ark-shape-full: 9999px;
  --ark-motion-duration-short: 160ms;
  --ark-motion-duration-standard: 240ms;
  --ark-motion-duration-emphasized: 400ms;
  --ark-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ark-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ark-motion-easing-decelerate: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ark-focus-width: 3px;
  --ark-focus-offset: 2px;
  --ark-elevation-level0-dp: 0;
  --ark-elevation-level1-dp: 1;
  --ark-elevation-level2-dp: 3;
  --ark-elevation-level3-dp: 6;
  --ark-elevation-level4-dp: 8;
  --ark-elevation-level5-dp: 12;
}

:root,
:root[data-theme="light"] {
  color-scheme: light;
  --ark-color-primary: #1D6B50;
  --ark-color-on-primary: #FFFFFF;
  --ark-color-primary-container: #A7F2D0;
  --ark-color-on-primary-container: #00513A;
  --ark-color-secondary: #4C6358;
  --ark-color-on-secondary: #FFFFFF;
  --ark-color-secondary-container: #CFE9DA;
  --ark-color-on-secondary-container: #354B41;
  --ark-color-tertiary: #3E6374;
  --ark-color-on-tertiary: #FFFFFF;
  --ark-color-tertiary-container: #C1E8FC;
  --ark-color-on-tertiary-container: #254B5B;
  --ark-color-error: #BA1A1A;
  --ark-color-on-error: #FFFFFF;
  --ark-color-error-container: #FFDAD6;
  --ark-color-on-error-container: #93000A;
  --ark-color-background: #F5FBF5;
  --ark-color-on-background: #171D1A;
  --ark-color-surface: #F5FBF5;
  --ark-color-on-surface: #171D1A;
  --ark-color-surface-tint: #1D6B50;
  --ark-color-surface-variant: #DBE5DE;
  --ark-color-on-surface-variant: #404944;
  --ark-color-outline: #707973;
  --ark-color-outline-variant: #BFC9C2;
  --ark-color-shadow: #000000;
  --ark-color-scrim: #000000;
  --ark-color-inverse-surface: #2C322E;
  --ark-color-inverse-on-surface: #ECF2ED;
  --ark-color-inverse-primary: #8CD5B5;
  --ark-color-primary-fixed: #A7F2D0;
  --ark-color-on-primary-fixed: #002115;
  --ark-color-primary-fixed-dim: #8CD5B5;
  --ark-color-on-primary-fixed-variant: #00513A;
  --ark-color-secondary-fixed: #CFE9DA;
  --ark-color-on-secondary-fixed: #092017;
  --ark-color-secondary-fixed-dim: #B3CCBE;
  --ark-color-on-secondary-fixed-variant: #354B41;
  --ark-color-tertiary-fixed: #C1E8FC;
  --ark-color-on-tertiary-fixed: #001F2A;
  --ark-color-tertiary-fixed-dim: #A6CCDF;
  --ark-color-on-tertiary-fixed-variant: #254B5B;
  --ark-color-surface-dim: #D6DBD6;
  --ark-color-surface-bright: #F5FBF5;
  --ark-color-surface-container-lowest: #FFFFFF;
  --ark-color-surface-container-low: #EFF5EF;
  --ark-color-surface-container: #EAEFEA;
  --ark-color-surface-container-high: #E4EAE4;
  --ark-color-surface-container-highest: #DEE4DE;
  --ark-color-success: #2F6B45;
  --ark-color-on-success: #FFFFFF;
  --ark-color-success-container: #B7F1C8;
  --ark-color-on-success-container: #00210E;
  --ark-color-warning: #745600;
  --ark-color-on-warning: #FFFFFF;
  --ark-color-warning-container: #FFDEA1;
  --ark-color-on-warning-container: #261A00;
  --ark-color-information: #1D6B50;
  --ark-color-on-information: #FFFFFF;
  --ark-color-information-container: #A7F2D0;
  --ark-color-on-information-container: #00513A;
  --ark-elevation-level0: none;
  --ark-elevation-level1: 0 1px 2px rgba(25, 27, 36, 0.14), 0 1px 3px rgba(25, 27, 36, 0.08);
  --ark-elevation-level2: 0 2px 6px rgba(25, 27, 36, 0.14), 0 1px 2px rgba(25, 27, 36, 0.08);
  --ark-elevation-level3: 0 6px 18px rgba(25, 27, 36, 0.14);
  --ark-elevation-level4: 0 12px 32px rgba(25, 27, 36, 0.16);
  --ark-elevation-level5: 0 26px 70px rgba(25, 27, 36, 0.18);
  --ark-focus-ring: rgba(29, 107, 80, 0.88);
  --ark-focus-field: rgba(29, 107, 80, 0.16);
  --ark-focus-glow: rgba(62, 99, 116, 0.26);

  /* Material and legacy compatibility aliases. */
  --md-sys-color-primary: var(--ark-color-primary);
  --md-primary: var(--ark-color-primary);
  --md-sys-color-on-primary: var(--ark-color-on-primary);
  --md-on-primary: var(--ark-color-on-primary);
  --md-sys-color-primary-container: var(--ark-color-primary-container);
  --md-primary-container: var(--ark-color-primary-container);
  --md-sys-color-on-primary-container: var(--ark-color-on-primary-container);
  --md-on-primary-container: var(--ark-color-on-primary-container);
  --md-sys-color-secondary: var(--ark-color-secondary);
  --md-secondary: var(--ark-color-secondary);
  --md-sys-color-on-secondary: var(--ark-color-on-secondary);
  --md-on-secondary: var(--ark-color-on-secondary);
  --md-sys-color-secondary-container: var(--ark-color-secondary-container);
  --md-secondary-container: var(--ark-color-secondary-container);
  --md-sys-color-on-secondary-container: var(--ark-color-on-secondary-container);
  --md-on-secondary-container: var(--ark-color-on-secondary-container);
  --md-sys-color-tertiary: var(--ark-color-tertiary);
  --md-tertiary: var(--ark-color-tertiary);
  --md-sys-color-on-tertiary: var(--ark-color-on-tertiary);
  --md-on-tertiary: var(--ark-color-on-tertiary);
  --md-sys-color-tertiary-container: var(--ark-color-tertiary-container);
  --md-tertiary-container: var(--ark-color-tertiary-container);
  --md-sys-color-on-tertiary-container: var(--ark-color-on-tertiary-container);
  --md-on-tertiary-container: var(--ark-color-on-tertiary-container);
  --md-sys-color-error: var(--ark-color-error);
  --md-error: var(--ark-color-error);
  --md-sys-color-on-error: var(--ark-color-on-error);
  --md-on-error: var(--ark-color-on-error);
  --md-sys-color-error-container: var(--ark-color-error-container);
  --md-error-container: var(--ark-color-error-container);
  --md-sys-color-on-error-container: var(--ark-color-on-error-container);
  --md-on-error-container: var(--ark-color-on-error-container);
  --md-sys-color-background: var(--ark-color-background);
  --md-background: var(--ark-color-background);
  --md-sys-color-on-background: var(--ark-color-on-background);
  --md-on-background: var(--ark-color-on-background);
  --md-sys-color-surface: var(--ark-color-surface);
  --md-surface: var(--ark-color-surface);
  --md-sys-color-on-surface: var(--ark-color-on-surface);
  --md-on-surface: var(--ark-color-on-surface);
  --md-sys-color-surface-tint: var(--ark-color-surface-tint);
  --md-surface-tint: var(--ark-color-surface-tint);
  --md-sys-color-surface-variant: var(--ark-color-surface-variant);
  --md-surface-variant: var(--ark-color-surface-variant);
  --md-sys-color-on-surface-variant: var(--ark-color-on-surface-variant);
  --md-on-surface-variant: var(--ark-color-on-surface-variant);
  --md-sys-color-outline: var(--ark-color-outline);
  --md-outline: var(--ark-color-outline);
  --md-sys-color-outline-variant: var(--ark-color-outline-variant);
  --md-outline-variant: var(--ark-color-outline-variant);
  --md-sys-color-shadow: var(--ark-color-shadow);
  --md-shadow: var(--ark-color-shadow);
  --md-sys-color-scrim: var(--ark-color-scrim);
  --md-scrim: var(--ark-color-scrim);
  --md-sys-color-inverse-surface: var(--ark-color-inverse-surface);
  --md-inverse-surface: var(--ark-color-inverse-surface);
  --md-sys-color-inverse-on-surface: var(--ark-color-inverse-on-surface);
  --md-inverse-on-surface: var(--ark-color-inverse-on-surface);
  --md-sys-color-inverse-primary: var(--ark-color-inverse-primary);
  --md-inverse-primary: var(--ark-color-inverse-primary);
  --md-sys-color-primary-fixed: var(--ark-color-primary-fixed);
  --md-primary-fixed: var(--ark-color-primary-fixed);
  --md-sys-color-on-primary-fixed: var(--ark-color-on-primary-fixed);
  --md-on-primary-fixed: var(--ark-color-on-primary-fixed);
  --md-sys-color-primary-fixed-dim: var(--ark-color-primary-fixed-dim);
  --md-primary-fixed-dim: var(--ark-color-primary-fixed-dim);
  --md-sys-color-on-primary-fixed-variant: var(--ark-color-on-primary-fixed-variant);
  --md-on-primary-fixed-variant: var(--ark-color-on-primary-fixed-variant);
  --md-sys-color-secondary-fixed: var(--ark-color-secondary-fixed);
  --md-secondary-fixed: var(--ark-color-secondary-fixed);
  --md-sys-color-on-secondary-fixed: var(--ark-color-on-secondary-fixed);
  --md-on-secondary-fixed: var(--ark-color-on-secondary-fixed);
  --md-sys-color-secondary-fixed-dim: var(--ark-color-secondary-fixed-dim);
  --md-secondary-fixed-dim: var(--ark-color-secondary-fixed-dim);
  --md-sys-color-on-secondary-fixed-variant: var(--ark-color-on-secondary-fixed-variant);
  --md-on-secondary-fixed-variant: var(--ark-color-on-secondary-fixed-variant);
  --md-sys-color-tertiary-fixed: var(--ark-color-tertiary-fixed);
  --md-tertiary-fixed: var(--ark-color-tertiary-fixed);
  --md-sys-color-on-tertiary-fixed: var(--ark-color-on-tertiary-fixed);
  --md-on-tertiary-fixed: var(--ark-color-on-tertiary-fixed);
  --md-sys-color-tertiary-fixed-dim: var(--ark-color-tertiary-fixed-dim);
  --md-tertiary-fixed-dim: var(--ark-color-tertiary-fixed-dim);
  --md-sys-color-on-tertiary-fixed-variant: var(--ark-color-on-tertiary-fixed-variant);
  --md-on-tertiary-fixed-variant: var(--ark-color-on-tertiary-fixed-variant);
  --md-sys-color-surface-dim: var(--ark-color-surface-dim);
  --md-surface-dim: var(--ark-color-surface-dim);
  --md-sys-color-surface-bright: var(--ark-color-surface-bright);
  --md-surface-bright: var(--ark-color-surface-bright);
  --md-sys-color-surface-container-lowest: var(--ark-color-surface-container-lowest);
  --md-surface-container-lowest: var(--ark-color-surface-container-lowest);
  --md-sys-color-surface-container-low: var(--ark-color-surface-container-low);
  --md-surface-container-low: var(--ark-color-surface-container-low);
  --md-sys-color-surface-container: var(--ark-color-surface-container);
  --md-surface-container: var(--ark-color-surface-container);
  --md-sys-color-surface-container-high: var(--ark-color-surface-container-high);
  --md-surface-container-high: var(--ark-color-surface-container-high);
  --md-sys-color-surface-container-highest: var(--ark-color-surface-container-highest);
  --md-surface-container-highest: var(--ark-color-surface-container-highest);
  --md-success: var(--ark-color-success);
  --md-on-success: var(--ark-color-on-success);
  --md-success-container: var(--ark-color-success-container);
  --md-on-success-container: var(--ark-color-on-success-container);
  --md-warning: var(--ark-color-warning);
  --md-on-warning: var(--ark-color-on-warning);
  --md-warning-container: var(--ark-color-warning-container);
  --md-on-warning-container: var(--ark-color-on-warning-container);
  --md-information: var(--ark-color-information);
  --md-on-information: var(--ark-color-on-information);
  --md-information-container: var(--ark-color-information-container);
  --md-on-information-container: var(--ark-color-on-information-container);
  --ak-logo-black: var(--ark-color-on-surface);
  --ak-logo-primary: var(--ark-seed-primary);
  --ak-logo-secondary: var(--ark-seed-secondary);
  --ak-logo-tertiary: var(--ark-seed-tertiary);
  --ak-logo-blue: var(--ak-logo-primary);
  --ak-logo-green: var(--ak-logo-secondary);
  --ak-logo-yellow: var(--ak-logo-tertiary);
  --ak-logo-red: var(--ark-color-error);
  --ak-focus-ring: var(--ark-focus-ring);
  --ak-field-focus: var(--ark-focus-field);
  --ak-brand-glow: var(--ark-focus-glow);
  --ak-header-bg: var(--ark-color-surface);
  --ak-success-soft: var(--ark-color-success-container);
  --ak-danger-soft: var(--ark-color-error-container);
  --ak-admin-hero-glow: var(--ark-focus-glow);
  --radius: var(--ark-shape-extra-small);
  --elevation-1: var(--ark-elevation-level1);
  --elevation-2: var(--ark-elevation-level2);
  --elevation-3: var(--ark-elevation-level3);
  --landing-primary: var(--ark-color-primary);
  --landing-primary-strong: var(--ark-color-primary);
  --landing-primary-soft: var(--ark-color-primary-container);
  --landing-accent: var(--ark-color-secondary);
  --landing-bg: var(--ark-color-background);
  --landing-surface: var(--ark-color-surface-container-lowest);
  --landing-surface-soft: var(--ark-color-surface-container);
  --landing-text: var(--ark-color-on-surface);
  --landing-muted: var(--ark-color-on-surface-variant);
  --landing-outline: var(--ark-color-outline-variant);
  --landing-shadow: var(--ark-elevation-level5);
  --landing-radius: var(--ark-shape-extra-large);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --ark-color-primary: #8CD5B5;
  --ark-color-on-primary: #003827;
  --ark-color-primary-container: #00513A;
  --ark-color-on-primary-container: #A7F2D0;
  --ark-color-secondary: #B3CCBE;
  --ark-color-on-secondary: #1F352B;
  --ark-color-secondary-container: #354B41;
  --ark-color-on-secondary-container: #CFE9DA;
  --ark-color-tertiary: #A6CCDF;
  --ark-color-on-tertiary: #083544;
  --ark-color-tertiary-container: #254B5B;
  --ark-color-on-tertiary-container: #C1E8FC;
  --ark-color-error: #FFB4AB;
  --ark-color-on-error: #690005;
  --ark-color-error-container: #93000A;
  --ark-color-on-error-container: #FFDAD6;
  --ark-color-background: #0F1512;
  --ark-color-on-background: #DEE4DE;
  --ark-color-surface: #0F1512;
  --ark-color-on-surface: #DEE4DE;
  --ark-color-surface-tint: #8CD5B5;
  --ark-color-surface-variant: #404944;
  --ark-color-on-surface-variant: #BFC9C2;
  --ark-color-outline: #89938D;
  --ark-color-outline-variant: #404944;
  --ark-color-shadow: #000000;
  --ark-color-scrim: #000000;
  --ark-color-inverse-surface: #DEE4DE;
  --ark-color-inverse-on-surface: #2C322E;
  --ark-color-inverse-primary: #1D6B50;
  --ark-color-primary-fixed: #A7F2D0;
  --ark-color-on-primary-fixed: #002115;
  --ark-color-primary-fixed-dim: #8CD5B5;
  --ark-color-on-primary-fixed-variant: #00513A;
  --ark-color-secondary-fixed: #CFE9DA;
  --ark-color-on-secondary-fixed: #092017;
  --ark-color-secondary-fixed-dim: #B3CCBE;
  --ark-color-on-secondary-fixed-variant: #354B41;
  --ark-color-tertiary-fixed: #C1E8FC;
  --ark-color-on-tertiary-fixed: #001F2A;
  --ark-color-tertiary-fixed-dim: #A6CCDF;
  --ark-color-on-tertiary-fixed-variant: #254B5B;
  --ark-color-surface-dim: #0F1512;
  --ark-color-surface-bright: #353B37;
  --ark-color-surface-container-lowest: #0A0F0D;
  --ark-color-surface-container-low: #171D1A;
  --ark-color-surface-container: #1B211E;
  --ark-color-surface-container-high: #252B28;
  --ark-color-surface-container-highest: #303633;
  --ark-color-success: #9DD5AD;
  --ark-color-on-success: #06391E;
  --ark-color-success-container: #1C5230;
  --ark-color-on-success-container: #B7F1C8;
  --ark-color-warning: #F4CA68;
  --ark-color-on-warning: #3D2F00;
  --ark-color-warning-container: #594100;
  --ark-color-on-warning-container: #FFDEA1;
  --ark-color-information: #8CD5B5;
  --ark-color-on-information: #003827;
  --ark-color-information-container: #00513A;
  --ark-color-on-information-container: #A7F2D0;
  --ark-elevation-level0: none;
  --ark-elevation-level1: 0 1px 2px rgba(0, 0, 0, 0.38), 0 1px 3px rgba(0, 0, 0, 0.24);
  --ark-elevation-level2: 0 2px 8px rgba(0, 0, 0, 0.36), 0 1px 2px rgba(0, 0, 0, 0.24);
  --ark-elevation-level3: 0 8px 24px rgba(0, 0, 0, 0.38);
  --ark-elevation-level4: 0 14px 40px rgba(0, 0, 0, 0.42);
  --ark-elevation-level5: 0 28px 80px rgba(0, 0, 0, 0.46);
  --ark-focus-ring: rgba(140, 213, 181, 0.76);
  --ark-focus-field: rgba(140, 213, 181, 0.22);
  --ark-focus-glow: rgba(166, 204, 223, 0.34);

  /* Material and legacy compatibility aliases. */
  --md-sys-color-primary: var(--ark-color-primary);
  --md-primary: var(--ark-color-primary);
  --md-sys-color-on-primary: var(--ark-color-on-primary);
  --md-on-primary: var(--ark-color-on-primary);
  --md-sys-color-primary-container: var(--ark-color-primary-container);
  --md-primary-container: var(--ark-color-primary-container);
  --md-sys-color-on-primary-container: var(--ark-color-on-primary-container);
  --md-on-primary-container: var(--ark-color-on-primary-container);
  --md-sys-color-secondary: var(--ark-color-secondary);
  --md-secondary: var(--ark-color-secondary);
  --md-sys-color-on-secondary: var(--ark-color-on-secondary);
  --md-on-secondary: var(--ark-color-on-secondary);
  --md-sys-color-secondary-container: var(--ark-color-secondary-container);
  --md-secondary-container: var(--ark-color-secondary-container);
  --md-sys-color-on-secondary-container: var(--ark-color-on-secondary-container);
  --md-on-secondary-container: var(--ark-color-on-secondary-container);
  --md-sys-color-tertiary: var(--ark-color-tertiary);
  --md-tertiary: var(--ark-color-tertiary);
  --md-sys-color-on-tertiary: var(--ark-color-on-tertiary);
  --md-on-tertiary: var(--ark-color-on-tertiary);
  --md-sys-color-tertiary-container: var(--ark-color-tertiary-container);
  --md-tertiary-container: var(--ark-color-tertiary-container);
  --md-sys-color-on-tertiary-container: var(--ark-color-on-tertiary-container);
  --md-on-tertiary-container: var(--ark-color-on-tertiary-container);
  --md-sys-color-error: var(--ark-color-error);
  --md-error: var(--ark-color-error);
  --md-sys-color-on-error: var(--ark-color-on-error);
  --md-on-error: var(--ark-color-on-error);
  --md-sys-color-error-container: var(--ark-color-error-container);
  --md-error-container: var(--ark-color-error-container);
  --md-sys-color-on-error-container: var(--ark-color-on-error-container);
  --md-on-error-container: var(--ark-color-on-error-container);
  --md-sys-color-background: var(--ark-color-background);
  --md-background: var(--ark-color-background);
  --md-sys-color-on-background: var(--ark-color-on-background);
  --md-on-background: var(--ark-color-on-background);
  --md-sys-color-surface: var(--ark-color-surface);
  --md-surface: var(--ark-color-surface);
  --md-sys-color-on-surface: var(--ark-color-on-surface);
  --md-on-surface: var(--ark-color-on-surface);
  --md-sys-color-surface-tint: var(--ark-color-surface-tint);
  --md-surface-tint: var(--ark-color-surface-tint);
  --md-sys-color-surface-variant: var(--ark-color-surface-variant);
  --md-surface-variant: var(--ark-color-surface-variant);
  --md-sys-color-on-surface-variant: var(--ark-color-on-surface-variant);
  --md-on-surface-variant: var(--ark-color-on-surface-variant);
  --md-sys-color-outline: var(--ark-color-outline);
  --md-outline: var(--ark-color-outline);
  --md-sys-color-outline-variant: var(--ark-color-outline-variant);
  --md-outline-variant: var(--ark-color-outline-variant);
  --md-sys-color-shadow: var(--ark-color-shadow);
  --md-shadow: var(--ark-color-shadow);
  --md-sys-color-scrim: var(--ark-color-scrim);
  --md-scrim: var(--ark-color-scrim);
  --md-sys-color-inverse-surface: var(--ark-color-inverse-surface);
  --md-inverse-surface: var(--ark-color-inverse-surface);
  --md-sys-color-inverse-on-surface: var(--ark-color-inverse-on-surface);
  --md-inverse-on-surface: var(--ark-color-inverse-on-surface);
  --md-sys-color-inverse-primary: var(--ark-color-inverse-primary);
  --md-inverse-primary: var(--ark-color-inverse-primary);
  --md-sys-color-primary-fixed: var(--ark-color-primary-fixed);
  --md-primary-fixed: var(--ark-color-primary-fixed);
  --md-sys-color-on-primary-fixed: var(--ark-color-on-primary-fixed);
  --md-on-primary-fixed: var(--ark-color-on-primary-fixed);
  --md-sys-color-primary-fixed-dim: var(--ark-color-primary-fixed-dim);
  --md-primary-fixed-dim: var(--ark-color-primary-fixed-dim);
  --md-sys-color-on-primary-fixed-variant: var(--ark-color-on-primary-fixed-variant);
  --md-on-primary-fixed-variant: var(--ark-color-on-primary-fixed-variant);
  --md-sys-color-secondary-fixed: var(--ark-color-secondary-fixed);
  --md-secondary-fixed: var(--ark-color-secondary-fixed);
  --md-sys-color-on-secondary-fixed: var(--ark-color-on-secondary-fixed);
  --md-on-secondary-fixed: var(--ark-color-on-secondary-fixed);
  --md-sys-color-secondary-fixed-dim: var(--ark-color-secondary-fixed-dim);
  --md-secondary-fixed-dim: var(--ark-color-secondary-fixed-dim);
  --md-sys-color-on-secondary-fixed-variant: var(--ark-color-on-secondary-fixed-variant);
  --md-on-secondary-fixed-variant: var(--ark-color-on-secondary-fixed-variant);
  --md-sys-color-tertiary-fixed: var(--ark-color-tertiary-fixed);
  --md-tertiary-fixed: var(--ark-color-tertiary-fixed);
  --md-sys-color-on-tertiary-fixed: var(--ark-color-on-tertiary-fixed);
  --md-on-tertiary-fixed: var(--ark-color-on-tertiary-fixed);
  --md-sys-color-tertiary-fixed-dim: var(--ark-color-tertiary-fixed-dim);
  --md-tertiary-fixed-dim: var(--ark-color-tertiary-fixed-dim);
  --md-sys-color-on-tertiary-fixed-variant: var(--ark-color-on-tertiary-fixed-variant);
  --md-on-tertiary-fixed-variant: var(--ark-color-on-tertiary-fixed-variant);
  --md-sys-color-surface-dim: var(--ark-color-surface-dim);
  --md-surface-dim: var(--ark-color-surface-dim);
  --md-sys-color-surface-bright: var(--ark-color-surface-bright);
  --md-surface-bright: var(--ark-color-surface-bright);
  --md-sys-color-surface-container-lowest: var(--ark-color-surface-container-lowest);
  --md-surface-container-lowest: var(--ark-color-surface-container-lowest);
  --md-sys-color-surface-container-low: var(--ark-color-surface-container-low);
  --md-surface-container-low: var(--ark-color-surface-container-low);
  --md-sys-color-surface-container: var(--ark-color-surface-container);
  --md-surface-container: var(--ark-color-surface-container);
  --md-sys-color-surface-container-high: var(--ark-color-surface-container-high);
  --md-surface-container-high: var(--ark-color-surface-container-high);
  --md-sys-color-surface-container-highest: var(--ark-color-surface-container-highest);
  --md-surface-container-highest: var(--ark-color-surface-container-highest);
  --md-success: var(--ark-color-success);
  --md-on-success: var(--ark-color-on-success);
  --md-success-container: var(--ark-color-success-container);
  --md-on-success-container: var(--ark-color-on-success-container);
  --md-warning: var(--ark-color-warning);
  --md-on-warning: var(--ark-color-on-warning);
  --md-warning-container: var(--ark-color-warning-container);
  --md-on-warning-container: var(--ark-color-on-warning-container);
  --md-information: var(--ark-color-information);
  --md-on-information: var(--ark-color-on-information);
  --md-information-container: var(--ark-color-information-container);
  --md-on-information-container: var(--ark-color-on-information-container);
  --ak-logo-black: var(--ark-color-on-surface);
  --ak-logo-primary: var(--ark-seed-primary);
  --ak-logo-secondary: var(--ark-seed-secondary);
  --ak-logo-tertiary: var(--ark-seed-tertiary);
  --ak-logo-blue: var(--ak-logo-primary);
  --ak-logo-green: var(--ak-logo-secondary);
  --ak-logo-yellow: var(--ak-logo-tertiary);
  --ak-logo-red: var(--ark-color-error);
  --ak-focus-ring: var(--ark-focus-ring);
  --ak-field-focus: var(--ark-focus-field);
  --ak-brand-glow: var(--ark-focus-glow);
  --ak-header-bg: var(--ark-color-surface);
  --ak-success-soft: var(--ark-color-success-container);
  --ak-danger-soft: var(--ark-color-error-container);
  --ak-admin-hero-glow: var(--ark-focus-glow);
  --radius: var(--ark-shape-extra-small);
  --elevation-1: var(--ark-elevation-level1);
  --elevation-2: var(--ark-elevation-level2);
  --elevation-3: var(--ark-elevation-level3);
  --landing-primary: var(--ark-color-primary);
  --landing-primary-strong: var(--ark-color-primary);
  --landing-primary-soft: var(--ark-color-primary-container);
  --landing-accent: var(--ark-color-secondary);
  --landing-bg: var(--ark-color-background);
  --landing-surface: var(--ark-color-surface-container-lowest);
  --landing-surface-soft: var(--ark-color-surface-container);
  --landing-text: var(--ark-color-on-surface);
  --landing-muted: var(--ark-color-on-surface-variant);
  --landing-outline: var(--ark-color-outline-variant);
  --landing-shadow: var(--ark-elevation-level5);
  --landing-radius: var(--ark-shape-extra-large);
}