/*
 * Absolute Autonomy Design DNA v1 - generated, do not edit.
 * Source: mmashapa-svg/DMRIS claude/dmris-live-20261020@e68e8f5 (Clay theme, primary) + main@f32b6b6 (Command theme)
 * Synced: 2026-10-22
 * Themes: Clay (light) (default) / Command (dark)
 *
 * Platform accessibility adaptations are applied on top of the synced DNA;
 * see absolute-autonomy.adaptations.json for each change and its measurement.
 *
 * Regenerate with: node _design-dna/build-dna-css.cjs
 */

:root {
  /* spacing */
  --aa-space-0-5: 2px;
  --aa-space-1: 4px;
  --aa-space-1-5: 6px;
  --aa-space-2: 8px;
  --aa-space-2-5: 10px;
  --aa-space-3: 12px;
  --aa-space-4: 16px;
  --aa-space-5: 20px;
  --aa-space-6: 24px;
  --aa-space-8: 32px;
  --aa-space-12: 48px;
  /* radius */
  --aa-radius-sm: 4px;
  --aa-radius-md: 6px;
  --aa-radius-lg: 8px;
  --aa-radius-xl: 12px;
  --aa-radius-2xl: 16px;
  --aa-radius-lg-clay: 14px;
  --aa-radius-xl-clay: 20px;
  --aa-radius-2xl-clay: 28px;
  --aa-radius-3xl-clay: 36px;
  --aa-radius-full: 9999px;
  --aa-radius-mark: 24%;
  /* blur */
  --aa-blur-panel: 16px;
  --aa-blur-card: 12px;
  --aa-blur-header: 24px;
  --aa-blur-panel-clay: 18px;
  --aa-blur-card-clay: 14px;
  --aa-blur-orb: 64px;
  /* layout */
  --aa-container-max: 1280px;
  --aa-header-height: 80px;
  --aa-prose-max: 768px;
  --aa-icon-sm: 14px;
  --aa-icon-md: 16px;
  --aa-icon-lg: 20px;
  /* type families */
  --aa-font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --aa-font-mono: "JetBrains Mono", monospace;
  /* type: Display */
  --aa-text-display-size: 30px;
  --aa-text-display-line: 36px;
  --aa-text-display-weight: 800;
  --aa-text-display-tracking: -0.025em;
  --aa-text-page-title-size: 24px;
  --aa-text-page-title-line: 32px;
  --aa-text-page-title-weight: 800;
  --aa-text-page-title-tracking: -0.025em;
  --aa-text-section-title-size: 20px;
  --aa-text-section-title-line: 28px;
  --aa-text-section-title-weight: 700;
  --aa-text-card-title-size: 18px;
  --aa-text-card-title-line: 28px;
  --aa-text-card-title-weight: 700;
  --aa-text-item-title-size: 14px;
  --aa-text-item-title-line: 20px;
  --aa-text-item-title-weight: 700;
  --aa-text-wordmark-size: 20px;
  --aa-text-wordmark-line: 28px;
  --aa-text-wordmark-weight: 800;
  --aa-text-wordmark-tracking: -0.025em;
  /* type: Text */
  --aa-text-lead-size: 14px;
  --aa-text-lead-line: 22.75px;
  --aa-text-lead-weight: 400;
  --aa-text-body-size: 14px;
  --aa-text-body-line: 20px;
  --aa-text-body-weight: 400;
  --aa-text-body-xs-size: 12px;
  --aa-text-body-xs-line: 16px;
  --aa-text-body-xs-weight: 400;
  --aa-text-label-size: 12px;
  --aa-text-label-line: 16px;
  --aa-text-label-weight: 600;
  --aa-text-label-tracking: 0.025em;
  --aa-text-overline-size: 10px;
  --aa-text-overline-line: 15px;
  --aa-text-overline-weight: 600;
  --aa-text-overline-tracking: 0.05em;
  --aa-text-meta-size: 11px;
  --aa-text-meta-line: 16.5px;
  --aa-text-meta-weight: 500;
  /* type: Data */
  --aa-text-metric-xl-size: 30px;
  --aa-text-metric-xl-line: 36px;
  --aa-text-metric-xl-weight: 800;
  --aa-text-metric-lg-size: 24px;
  --aa-text-metric-lg-line: 32px;
  --aa-text-metric-lg-weight: 700;
  --aa-text-metric-lg-tracking: -0.025em;
  --aa-text-metric-md-size: 18px;
  --aa-text-metric-md-line: 28px;
  --aa-text-metric-md-weight: 700;
  --aa-text-metric-sm-size: 14px;
  --aa-text-metric-sm-line: 20px;
  --aa-text-metric-sm-weight: 700;
  --aa-text-code-size: 12px;
  --aa-text-code-line: 16px;
  --aa-text-code-weight: 400;

  /* theme: Clay (light) */
  /* color */
  --aa-surface-canvas: #f4ebe1;
  --aa-surface-panel: #fbf8f3;
  --aa-surface-glass-panel: rgba(255, 255, 255, 0.72);
  --aa-surface-glass-card: rgba(255, 255, 255, 0.86);
  --aa-surface-glass-card-hover: rgba(255, 255, 255, 0.86);
  --aa-surface-inset: rgba(255, 255, 255, 0.6);
  --aa-surface-inset-strong: rgba(255, 255, 255, 0.8);
  --aa-surface-control: rgba(255, 255, 255, 0.8);
  --aa-surface-raised: #ffffff;
  --aa-surface-chip: #f5efe7;
  --aa-surface-row-hover: #f5efe7;
  --aa-surface-logo: #fbf1e7;
  --aa-text-heading: #232e38;
  --aa-text-body: #434f5a;
  --aa-text-strong: #313c46;
  --aa-text-secondary: #434f5a;
  --aa-text-muted: #58636e;
  --aa-text-subtle: #626c76;
  --aa-line-subtle: rgba(67, 79, 90, 0.1);
  --aa-line-control: #d9d1c5;
  --aa-line-accent: rgba(128, 177, 211, 0.3);
  --aa-line-glass-panel: rgba(255, 255, 255, 0.9);
  --aa-line-glass-card: rgba(255, 255, 255, 0.9);
  --aa-focus-ring: #467da5;
  --aa-accent: #5f97bf;
  --aa-accent-fill: #a5cae2;
  --aa-on-accent: #233f55;
  --aa-accent-hover: #c3dcec;
  --aa-accent-text: #356486;
  --aa-accent-text-soft: #2b506c;
  --aa-accent-tint: #ddebf5;
  --aa-accent-ground: #eff6fb;
  --aa-accent-gradient-from: #a5cae2;
  --aa-accent-gradient-to: #a5cae2;
  --aa-success: #3fa898;
  --aa-success-text: #276f66;
  --aa-success-text-soft: #225a53;
  --aa-success-tint: #d4f0ea;
  --aa-warning: #c9a030;
  --aa-warning-text: #7f611d;
  --aa-warning-text-soft: #54411a;
  --aa-warning-tint: #f5e4a3;
  --aa-danger: #cf5d75;
  --aa-danger-fill: #efa6b3;
  --aa-danger-text: #92364c;
  --aa-danger-text-soft: #662a3a;
  --aa-danger-tint: #fbe2e6;
  --aa-tertiary: #9179c1;
  --aa-tertiary-text: #624d88;
  --aa-tertiary-tint: #ede7f8;
  --aa-scale-text: #2b506c;
  --aa-scale-tint: #ddebf5;
  --aa-decor-glow: rgba(246, 216, 196, 0.55);
  --aa-decor-glow-2: rgba(174, 227, 217, 0.35);
  --aa-scrollbar-thumb: rgba(67, 79, 90, 0.18);
  --aa-scrollbar-track: rgba(0, 0, 0, 0);
  --aa-mark-gradient-1: #f6ebc4;
  --aa-mark-gradient-2: #cdebe1;
  --aa-mark-gradient-3: #b5d3e8;
  --aa-dmris-dark: #080c14;
  --aa-dmris-panel: #0e1626;
  --aa-dmris-card: rgba(16, 26, 46, 0.75);
  --aa-dmris-border: rgba(56, 189, 248, 0.15);
  --aa-dmris-accent: #0ea5e9;
  --aa-dmris-gold: #f59e0b;
  --aa-dmris-emerald: #10b981;
  --aa-dmris-crimson: #ef4444;
  --aa-canvas-warm: #f4ebe1;
  --aa-canvas-peach: #f3e2d6;
  --aa-canvas-mist: #dfe8e3;
  --aa-canvas-sage: #d2dfd9;
  --aa-ink-50: #fbf8f3;
  --aa-ink-100: #f5efe7;
  --aa-ink-200: #eae3d9;
  --aa-ink-300: #d9d1c5;
  --aa-ink-400: #b4aea6;
  --aa-ink-500: #626c76;
  --aa-ink-600: #58636e;
  --aa-ink-700: #434f5a;
  --aa-ink-800: #313c46;
  --aa-ink-900: #232e38;
  --aa-ink-950: #18212a;
  --aa-sea-50: #eff6fb;
  --aa-sea-100: #ddebf5;
  --aa-sea-200: #c3dcec;
  --aa-sea-300: #a5cae2;
  --aa-sea-400: #80b1d3;
  --aa-sea-500: #5f97bf;
  --aa-sea-600: #467da5;
  --aa-sea-700: #356486;
  --aa-sea-800: #2b506c;
  --aa-sea-900: #233f55;
  --aa-mint-50: #ecf8f5;
  --aa-mint-100: #d4f0ea;
  --aa-mint-200: #aee3d9;
  --aa-mint-300: #88d4c7;
  --aa-mint-400: #5fc0b1;
  --aa-mint-500: #3fa898;
  --aa-mint-600: #2f8b7e;
  --aa-mint-700: #276f66;
  --aa-mint-800: #225a53;
  --aa-mint-900: #1d4a45;
  --aa-sage-50: #f6f8ec;
  --aa-sage-100: #ecf1d5;
  --aa-sage-200: #dde6b8;
  --aa-sage-300: #cad69a;
  --aa-sage-400: #b3c37a;
  --aa-sage-500: #97a95e;
  --aa-sage-600: #788a47;
  --aa-sage-700: #5e6c38;
  --aa-sage-800: #4b5630;
  --aa-sage-900: #3e472a;
  --aa-butter-50: #fdf9ea;
  --aa-butter-100: #faf1cd;
  --aa-butter-200: #f5e4a3;
  --aa-butter-300: #eed476;
  --aa-butter-400: #e3be4d;
  --aa-butter-500: #c9a030;
  --aa-butter-600: #a48023;
  --aa-butter-700: #80621d;
  --aa-butter-800: #664f1c;
  --aa-butter-900: #54411a;
  --aa-coral-50: #fdf2f3;
  --aa-coral-100: #fbe2e6;
  --aa-coral-200: #f6c8d0;
  --aa-coral-300: #efa6b3;
  --aa-coral-400: #e37f93;
  --aa-coral-500: #cf5d75;
  --aa-coral-600: #b2445e;
  --aa-coral-700: #92364c;
  --aa-coral-800: #7a2f42;
  --aa-coral-900: #662a3a;
  --aa-lilac-50: #f6f3fb;
  --aa-lilac-100: #ede7f8;
  --aa-lilac-200: #ddd3f0;
  --aa-lilac-300: #c8b9e5;
  --aa-lilac-400: #ad98d5;
  --aa-lilac-500: #9179c1;
  --aa-lilac-600: #775ea6;
  --aa-lilac-700: #624d88;
  --aa-lilac-800: #524170;
  --aa-lilac-900: #45385d;
  --aa-peach-50: #fef6f0;
  --aa-peach-100: #fbeadf;
  --aa-peach-200: #f6d8c4;
  --aa-peach-300: #efc1a5;
  --aa-peach-400: #e5a47f;
  /* shadow */
  --aa-shadow-panel: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 24px 50px -24px rgba(67, 79, 90, 0.28), 0 4px 14px -6px rgba(67, 79, 90, 0.1);
  --aa-shadow-card: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 14px 30px -18px rgba(67, 79, 90, 0.3), 0 2px 6px -2px rgba(67, 79, 90, 0.08);
  --aa-shadow-card-hover: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 22px 40px -20px rgba(67, 79, 90, 0.35), 0 4px 10px -4px rgba(67, 79, 90, 0.1);
  --aa-shadow-button: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 4px 12px -4px rgba(67, 79, 90, 0.2);
  --aa-shadow-pebble: 0 1px 0 rgba(255, 255, 255, 1) inset, 0 -2px 6px rgba(67, 79, 90, 0.06) inset, 0 8px 16px -8px rgba(67, 79, 90, 0.35);
  --aa-glow-sky: 0 0 25px rgba(14, 165, 233, 0.25);
  --aa-glow-gold: 0 0 25px rgba(245, 158, 11, 0.25);
  --aa-glow-emerald: 0 0 25px rgba(16, 185, 129, 0.25);
  --aa-shadow-clay-lg: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 24px 50px -20px rgba(67, 79, 90, 0.3), 0 4px 12px -4px rgba(67, 79, 90, 0.1);
}

/* Command (dark), opt in explicitly */
:root[data-aa-theme="command"] {
  /* color */
  --aa-surface-canvas: #070b14;
  --aa-surface-panel: #0e1626;
  --aa-surface-glass-panel: rgba(14, 22, 38, 0.75);
  --aa-surface-glass-card: rgba(18, 28, 48, 0.65);
  --aa-surface-glass-card-hover: rgba(22, 36, 62, 0.85);
  --aa-surface-inset: rgba(15, 23, 42, 0.6);
  --aa-surface-inset-strong: rgba(15, 23, 42, 0.8);
  --aa-surface-control: rgba(15, 23, 42, 0.9);
  --aa-surface-raised: #1e293b;
  --aa-surface-chip: #1e293b;
  --aa-surface-row-hover: rgba(30, 41, 59, 0.3);
  --aa-surface-logo: #0b1324;
  --aa-text-heading: #ffffff;
  --aa-text-body: #f1f5f9;
  --aa-text-strong: #e2e8f0;
  --aa-text-secondary: #cbd5e1;
  --aa-text-muted: #94a3b8;
  --aa-text-subtle: #728195;
  --aa-line-subtle: #1e293b;
  --aa-line-control: #334155;
  --aa-line-accent: rgba(14, 165, 233, 0.3);
  --aa-line-glass-panel: rgba(56, 189, 248, 0.12);
  --aa-line-glass-card: rgba(255, 255, 255, 0.07);
  --aa-focus-ring: #0ea5e9;
  --aa-accent: #0ea5e9;
  --aa-accent-fill: #0ea5e9;
  --aa-on-accent: #070b14;
  --aa-accent-hover: #38bdf8;
  --aa-accent-text: #38bdf8;
  --aa-accent-text-soft: #7dd3fc;
  --aa-accent-tint: rgba(14, 165, 233, 0.2);
  --aa-accent-ground: rgba(8, 47, 73, 0.4);
  --aa-accent-gradient-from: #0ea5e9;
  --aa-accent-gradient-to: #4f46e5;
  --aa-success: #10b981;
  --aa-success-text: #34d399;
  --aa-success-text-soft: #6ee7b7;
  --aa-success-tint: rgba(16, 185, 129, 0.2);
  --aa-warning: #f59e0b;
  --aa-warning-text: #fbbf24;
  --aa-warning-text-soft: #fcd34d;
  --aa-warning-tint: rgba(245, 158, 11, 0.2);
  --aa-danger: #ef4444;
  --aa-danger-fill: rgba(244, 63, 94, 0.2);
  --aa-danger-text: #fb7185;
  --aa-danger-text-soft: #fda4af;
  --aa-danger-tint: rgba(244, 63, 94, 0.2);
  --aa-tertiary: #7c3aed;
  --aa-tertiary-text: #a78bfa;
  --aa-tertiary-tint: rgba(139, 92, 246, 0.2);
  --aa-scale-text: #a5b4fc;
  --aa-scale-tint: rgba(99, 102, 241, 0.2);
  --aa-decor-glow: rgba(14, 165, 233, 0.1);
  --aa-decor-glow-2: rgba(139, 92, 246, 0.08);
  --aa-scrollbar-thumb: #1e293b;
  --aa-scrollbar-track: #080d18;
  --aa-mark-gradient-1: #0ea5e9;
  --aa-mark-gradient-2: #3b82f6;
  --aa-mark-gradient-3: #8b5cf6;
  --aa-dmris-dark: #080c14;
  --aa-dmris-panel: #0e1626;
  --aa-dmris-card: rgba(16, 26, 46, 0.75);
  --aa-dmris-border: rgba(56, 189, 248, 0.15);
  --aa-dmris-accent: #0ea5e9;
  --aa-dmris-gold: #f59e0b;
  --aa-dmris-emerald: #10b981;
  --aa-dmris-crimson: #ef4444;
  --aa-canvas-warm: #f4ebe1;
  --aa-canvas-peach: #f3e2d6;
  --aa-canvas-mist: #dfe8e3;
  --aa-canvas-sage: #d2dfd9;
  --aa-ink-50: #fbf8f3;
  --aa-ink-100: #f5efe7;
  --aa-ink-200: #eae3d9;
  --aa-ink-300: #d9d1c5;
  --aa-ink-400: #b4aea6;
  --aa-ink-500: #626c76;
  --aa-ink-600: #58636e;
  --aa-ink-700: #434f5a;
  --aa-ink-800: #313c46;
  --aa-ink-900: #232e38;
  --aa-ink-950: #18212a;
  --aa-sea-50: #eff6fb;
  --aa-sea-100: #ddebf5;
  --aa-sea-200: #c3dcec;
  --aa-sea-300: #a5cae2;
  --aa-sea-400: #80b1d3;
  --aa-sea-500: #5f97bf;
  --aa-sea-600: #467da5;
  --aa-sea-700: #356486;
  --aa-sea-800: #2b506c;
  --aa-sea-900: #233f55;
  --aa-mint-50: #ecf8f5;
  --aa-mint-100: #d4f0ea;
  --aa-mint-200: #aee3d9;
  --aa-mint-300: #88d4c7;
  --aa-mint-400: #5fc0b1;
  --aa-mint-500: #3fa898;
  --aa-mint-600: #2f8b7e;
  --aa-mint-700: #276f66;
  --aa-mint-800: #225a53;
  --aa-mint-900: #1d4a45;
  --aa-sage-50: #f6f8ec;
  --aa-sage-100: #ecf1d5;
  --aa-sage-200: #dde6b8;
  --aa-sage-300: #cad69a;
  --aa-sage-400: #b3c37a;
  --aa-sage-500: #97a95e;
  --aa-sage-600: #788a47;
  --aa-sage-700: #5e6c38;
  --aa-sage-800: #4b5630;
  --aa-sage-900: #3e472a;
  --aa-butter-50: #fdf9ea;
  --aa-butter-100: #faf1cd;
  --aa-butter-200: #f5e4a3;
  --aa-butter-300: #eed476;
  --aa-butter-400: #e3be4d;
  --aa-butter-500: #c9a030;
  --aa-butter-600: #a48023;
  --aa-butter-700: #80621d;
  --aa-butter-800: #664f1c;
  --aa-butter-900: #54411a;
  --aa-coral-50: #fdf2f3;
  --aa-coral-100: #fbe2e6;
  --aa-coral-200: #f6c8d0;
  --aa-coral-300: #efa6b3;
  --aa-coral-400: #e37f93;
  --aa-coral-500: #cf5d75;
  --aa-coral-600: #b2445e;
  --aa-coral-700: #92364c;
  --aa-coral-800: #7a2f42;
  --aa-coral-900: #662a3a;
  --aa-lilac-50: #f6f3fb;
  --aa-lilac-100: #ede7f8;
  --aa-lilac-200: #ddd3f0;
  --aa-lilac-300: #c8b9e5;
  --aa-lilac-400: #ad98d5;
  --aa-lilac-500: #9179c1;
  --aa-lilac-600: #775ea6;
  --aa-lilac-700: #624d88;
  --aa-lilac-800: #524170;
  --aa-lilac-900: #45385d;
  --aa-peach-50: #fef6f0;
  --aa-peach-100: #fbeadf;
  --aa-peach-200: #f6d8c4;
  --aa-peach-300: #efc1a5;
  --aa-peach-400: #e5a47f;
  /* shadow */
  --aa-shadow-panel: 0 10px 30px 0 rgba(0, 0, 0, 0.37);
  --aa-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);
  --aa-shadow-card-hover: 0 8px 30px rgba(14, 165, 233, 0.15);
  --aa-shadow-button: 0 4px 6px -1px rgba(14, 165, 233, 0.2), 0 2px 4px -2px rgba(14, 165, 233, 0.2);
  --aa-shadow-pebble: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --aa-glow-sky: 0 0 25px rgba(14, 165, 233, 0.25);
  --aa-glow-gold: 0 0 25px rgba(245, 158, 11, 0.25);
  --aa-glow-emerald: 0 0 25px rgba(16, 185, 129, 0.25);
  --aa-shadow-clay-lg: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 24px 50px -20px rgba(67, 79, 90, 0.3), 0 4px 12px -4px rgba(67, 79, 90, 0.1);
}

/* Command (dark), follow the system unless Clay was chosen explicitly */
@media (prefers-color-scheme: dark) {
  :root:not([data-aa-theme="clay"]) {
    /* color */
    --aa-surface-canvas: #070b14;
    --aa-surface-panel: #0e1626;
    --aa-surface-glass-panel: rgba(14, 22, 38, 0.75);
    --aa-surface-glass-card: rgba(18, 28, 48, 0.65);
    --aa-surface-glass-card-hover: rgba(22, 36, 62, 0.85);
    --aa-surface-inset: rgba(15, 23, 42, 0.6);
    --aa-surface-inset-strong: rgba(15, 23, 42, 0.8);
    --aa-surface-control: rgba(15, 23, 42, 0.9);
    --aa-surface-raised: #1e293b;
    --aa-surface-chip: #1e293b;
    --aa-surface-row-hover: rgba(30, 41, 59, 0.3);
    --aa-surface-logo: #0b1324;
    --aa-text-heading: #ffffff;
    --aa-text-body: #f1f5f9;
    --aa-text-strong: #e2e8f0;
    --aa-text-secondary: #cbd5e1;
    --aa-text-muted: #94a3b8;
    --aa-text-subtle: #728195;
    --aa-line-subtle: #1e293b;
    --aa-line-control: #334155;
    --aa-line-accent: rgba(14, 165, 233, 0.3);
    --aa-line-glass-panel: rgba(56, 189, 248, 0.12);
    --aa-line-glass-card: rgba(255, 255, 255, 0.07);
    --aa-focus-ring: #0ea5e9;
    --aa-accent: #0ea5e9;
    --aa-accent-fill: #0ea5e9;
    --aa-on-accent: #070b14;
    --aa-accent-hover: #38bdf8;
    --aa-accent-text: #38bdf8;
    --aa-accent-text-soft: #7dd3fc;
    --aa-accent-tint: rgba(14, 165, 233, 0.2);
    --aa-accent-ground: rgba(8, 47, 73, 0.4);
    --aa-accent-gradient-from: #0ea5e9;
    --aa-accent-gradient-to: #4f46e5;
    --aa-success: #10b981;
    --aa-success-text: #34d399;
    --aa-success-text-soft: #6ee7b7;
    --aa-success-tint: rgba(16, 185, 129, 0.2);
    --aa-warning: #f59e0b;
    --aa-warning-text: #fbbf24;
    --aa-warning-text-soft: #fcd34d;
    --aa-warning-tint: rgba(245, 158, 11, 0.2);
    --aa-danger: #ef4444;
    --aa-danger-fill: rgba(244, 63, 94, 0.2);
    --aa-danger-text: #fb7185;
    --aa-danger-text-soft: #fda4af;
    --aa-danger-tint: rgba(244, 63, 94, 0.2);
    --aa-tertiary: #7c3aed;
    --aa-tertiary-text: #a78bfa;
    --aa-tertiary-tint: rgba(139, 92, 246, 0.2);
    --aa-scale-text: #a5b4fc;
    --aa-scale-tint: rgba(99, 102, 241, 0.2);
    --aa-decor-glow: rgba(14, 165, 233, 0.1);
    --aa-decor-glow-2: rgba(139, 92, 246, 0.08);
    --aa-scrollbar-thumb: #1e293b;
    --aa-scrollbar-track: #080d18;
    --aa-mark-gradient-1: #0ea5e9;
    --aa-mark-gradient-2: #3b82f6;
    --aa-mark-gradient-3: #8b5cf6;
    --aa-dmris-dark: #080c14;
    --aa-dmris-panel: #0e1626;
    --aa-dmris-card: rgba(16, 26, 46, 0.75);
    --aa-dmris-border: rgba(56, 189, 248, 0.15);
    --aa-dmris-accent: #0ea5e9;
    --aa-dmris-gold: #f59e0b;
    --aa-dmris-emerald: #10b981;
    --aa-dmris-crimson: #ef4444;
    --aa-canvas-warm: #f4ebe1;
    --aa-canvas-peach: #f3e2d6;
    --aa-canvas-mist: #dfe8e3;
    --aa-canvas-sage: #d2dfd9;
    --aa-ink-50: #fbf8f3;
    --aa-ink-100: #f5efe7;
    --aa-ink-200: #eae3d9;
    --aa-ink-300: #d9d1c5;
    --aa-ink-400: #b4aea6;
    --aa-ink-500: #626c76;
    --aa-ink-600: #58636e;
    --aa-ink-700: #434f5a;
    --aa-ink-800: #313c46;
    --aa-ink-900: #232e38;
    --aa-ink-950: #18212a;
    --aa-sea-50: #eff6fb;
    --aa-sea-100: #ddebf5;
    --aa-sea-200: #c3dcec;
    --aa-sea-300: #a5cae2;
    --aa-sea-400: #80b1d3;
    --aa-sea-500: #5f97bf;
    --aa-sea-600: #467da5;
    --aa-sea-700: #356486;
    --aa-sea-800: #2b506c;
    --aa-sea-900: #233f55;
    --aa-mint-50: #ecf8f5;
    --aa-mint-100: #d4f0ea;
    --aa-mint-200: #aee3d9;
    --aa-mint-300: #88d4c7;
    --aa-mint-400: #5fc0b1;
    --aa-mint-500: #3fa898;
    --aa-mint-600: #2f8b7e;
    --aa-mint-700: #276f66;
    --aa-mint-800: #225a53;
    --aa-mint-900: #1d4a45;
    --aa-sage-50: #f6f8ec;
    --aa-sage-100: #ecf1d5;
    --aa-sage-200: #dde6b8;
    --aa-sage-300: #cad69a;
    --aa-sage-400: #b3c37a;
    --aa-sage-500: #97a95e;
    --aa-sage-600: #788a47;
    --aa-sage-700: #5e6c38;
    --aa-sage-800: #4b5630;
    --aa-sage-900: #3e472a;
    --aa-butter-50: #fdf9ea;
    --aa-butter-100: #faf1cd;
    --aa-butter-200: #f5e4a3;
    --aa-butter-300: #eed476;
    --aa-butter-400: #e3be4d;
    --aa-butter-500: #c9a030;
    --aa-butter-600: #a48023;
    --aa-butter-700: #80621d;
    --aa-butter-800: #664f1c;
    --aa-butter-900: #54411a;
    --aa-coral-50: #fdf2f3;
    --aa-coral-100: #fbe2e6;
    --aa-coral-200: #f6c8d0;
    --aa-coral-300: #efa6b3;
    --aa-coral-400: #e37f93;
    --aa-coral-500: #cf5d75;
    --aa-coral-600: #b2445e;
    --aa-coral-700: #92364c;
    --aa-coral-800: #7a2f42;
    --aa-coral-900: #662a3a;
    --aa-lilac-50: #f6f3fb;
    --aa-lilac-100: #ede7f8;
    --aa-lilac-200: #ddd3f0;
    --aa-lilac-300: #c8b9e5;
    --aa-lilac-400: #ad98d5;
    --aa-lilac-500: #9179c1;
    --aa-lilac-600: #775ea6;
    --aa-lilac-700: #624d88;
    --aa-lilac-800: #524170;
    --aa-lilac-900: #45385d;
    --aa-peach-50: #fef6f0;
    --aa-peach-100: #fbeadf;
    --aa-peach-200: #f6d8c4;
    --aa-peach-300: #efc1a5;
    --aa-peach-400: #e5a47f;
    /* shadow */
    --aa-shadow-panel: 0 10px 30px 0 rgba(0, 0, 0, 0.37);
    --aa-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);
    --aa-shadow-card-hover: 0 8px 30px rgba(14, 165, 233, 0.15);
    --aa-shadow-button: 0 4px 6px -1px rgba(14, 165, 233, 0.2), 0 2px 4px -2px rgba(14, 165, 233, 0.2);
    --aa-shadow-pebble: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
    --aa-glow-sky: 0 0 25px rgba(14, 165, 233, 0.25);
    --aa-glow-gold: 0 0 25px rgba(245, 158, 11, 0.25);
    --aa-glow-emerald: 0 0 25px rgba(16, 185, 129, 0.25);
    --aa-shadow-clay-lg: 0 1px 0 rgba(255, 255, 255, 0.9) inset, 0 24px 50px -20px rgba(67, 79, 90, 0.3), 0 4px 12px -4px rgba(67, 79, 90, 0.1);
  }
}