/* Aipim design system v0.1.2 · https://github.com/talis-galhardi/aipim · MIT License · Copyright (c) 2026 Talis Galhardi · Generated by tools/build_tokens.py: do not edit by hand. */
/* Customize by overriding the --aipim-color-* variables (primitives) or the semantic roles below. Dark theme: [data-theme="dark"] or prefers-color-scheme. */
:root{
  --aipim-version:"0.1.2";
  --aipim-color-primary-100:#fee9e4;
  --aipim-color-primary-200:#fed7cc;
  --aipim-color-primary-300:#febba9;
  --aipim-color-primary-400:#ff9275;
  --aipim-color-primary-500:#fa653d;
  --aipim-color-primary-600:#d9471b;
  --aipim-color-primary-700:#b43000;
  --aipim-color-primary-800:#892402;
  --aipim-color-primary-900:#621701;
  --aipim-color-secondary-100:#e4f0ff;
  --aipim-color-secondary-200:#cee3ff;
  --aipim-color-secondary-300:#aed1fe;
  --aipim-color-secondary-400:#8cbefe;
  --aipim-color-secondary-500:#4d9cfe;
  --aipim-color-secondary-600:#047df1;
  --aipim-color-secondary-700:#0364c2;
  --aipim-color-secondary-800:#014b95;
  --aipim-color-secondary-900:#00346b;
  --aipim-color-tertiary-100:#f6eed5;
  --aipim-color-tertiary-200:#f1e1b1;
  --aipim-color-tertiary-300:#ffd337;
  --aipim-color-tertiary-400:#d4b137;
  --aipim-color-tertiary-500:#ba9706;
  --aipim-color-tertiary-600:#9a7d03;
  --aipim-color-tertiary-700:#7c6300;
  --aipim-color-tertiary-800:#5e4b03;
  --aipim-color-tertiary-900:#423400;
  --aipim-color-success-100:#e0f5e6;
  --aipim-color-success-200:#c4edd1;
  --aipim-color-success-300:#a0dfb5;
  --aipim-color-success-400:#6ecb91;
  --aipim-color-success-500:#37b671;
  --aipim-color-success-600:#029957;
  --aipim-color-success-700:#007a44;
  --aipim-color-success-800:#025d33;
  --aipim-color-success-900:#014122;
  --aipim-color-error-100:#fee8ec;
  --aipim-color-error-200:#ffd5dc;
  --aipim-color-error-300:#feb7c5;
  --aipim-color-error-400:#ff8ba6;
  --aipim-color-error-500:#ff5387;
  --aipim-color-error-600:#de316d;
  --aipim-color-error-700:#b81655;
  --aipim-color-error-800:#8f083f;
  --aipim-color-error-900:#66022b;
  --aipim-color-neutral-50:#fdf9f6;
  --aipim-color-neutral-100:#f7f1ed;
  --aipim-color-neutral-200:#ece5df;
  --aipim-color-neutral-300:#dad1ca;
  --aipim-color-neutral-400:#c0b5ae;
  --aipim-color-neutral-500:#a39992;
  --aipim-color-neutral-600:#837a73;
  --aipim-color-neutral-700:#665d56;
  --aipim-color-neutral-800:#4a423c;
  --aipim-color-neutral-900:#302a25;
  --aipim-color-neutral-950:#1a1511;
  --aipim-color-neutral-1000:#0e0a07;
  --aipim-space-0:0px;
  --aipim-space-4:4px;
  --aipim-space-8:8px;
  --aipim-space-12:12px;
  --aipim-space-16:16px;
  --aipim-space-24:24px;
  --aipim-space-32:32px;
  --aipim-space-48:48px;
  --aipim-space-64:64px;
  --aipim-space-80:80px;
  --aipim-space-96:96px;
  --aipim-stack-tight:8px;
  --aipim-stack-normal:16px;
  --aipim-stack-loose:24px;
  --aipim-inset-sm:12px;
  --aipim-inset-md:16px;
  --aipim-inset-lg:24px;
  --aipim-inset-xl:32px;
  --aipim-gap-grid:24px;
  --aipim-radius-none:0px;
  --aipim-radius-sm:4px;
  --aipim-radius-md:8px;
  --aipim-radius-lg:12px;
  --aipim-radius-xl:16px;
  --aipim-radius-2xl:24px;
  --aipim-radius-full:999px;
  --aipim-border-thin:1px;
  --aipim-border-medium:2px;
  --aipim-border-thick:3px;
  --aipim-focus-offset:3px;
  --aipim-size-touch-min:24px;
  --aipim-size-touch-comfortable:44px;
  --aipim-size-icon-sm:16px;
  --aipim-size-icon-md:20px;
  --aipim-size-icon-lg:24px;
  --aipim-size-control-sm:32px;
  --aipim-size-control-md:40px;
  --aipim-size-control-lg:48px;
  --aipim-z-base:0;
  --aipim-z-sticky:100;
  --aipim-z-dropdown:200;
  --aipim-z-overlay:300;
  --aipim-z-modal:400;
  --aipim-z-toast:500;
  --aipim-duration-fast:100ms;
  --aipim-duration-base:200ms;
  --aipim-duration-slow:320ms;
  --aipim-ease-standard:cubic-bezier(0.2, 0, 0, 1);
  --aipim-ease-enter:cubic-bezier(0.05, 0.7, 0.1, 1);
  --aipim-ease-exit:cubic-bezier(0.3, 0, 0.8, 0.15);
  --aipim-opacity-disabled:0.4;
  --aipim-opacity-scrim:0.5;
  --aipim-font-heading:Antonio, Impact, sans-serif;
  --aipim-font-body:Karla, system-ui, sans-serif;
  --aipim-text-display-size:clamp(3rem, 2.413rem + 2.609vw, 4.5rem);
  --aipim-text-display-line:1.1;
  --aipim-text-display-weight:700;
  --aipim-text-display-tracking:0.01em;
  --aipim-text-display-transform:uppercase;
  --aipim-text-h1-size:clamp(2.5rem, 2.109rem + 1.739vw, 3.5rem);
  --aipim-text-h1-line:1.1;
  --aipim-text-h1-weight:700;
  --aipim-text-h1-tracking:0.01em;
  --aipim-text-h1-transform:uppercase;
  --aipim-text-h2-size:clamp(2rem, 1.707rem + 1.304vw, 2.75rem);
  --aipim-text-h2-line:1.1;
  --aipim-text-h2-weight:700;
  --aipim-text-h2-tracking:0.01em;
  --aipim-text-h2-transform:uppercase;
  --aipim-text-h3-size:clamp(1.75rem, 1.652rem + 0.435vw, 2rem);
  --aipim-text-h3-line:1.15;
  --aipim-text-h3-weight:700;
  --aipim-text-h3-tracking:0.01em;
  --aipim-text-h3-transform:uppercase;
  --aipim-text-h4-size:clamp(1.375rem, 1.326rem + 0.217vw, 1.5rem);
  --aipim-text-h4-line:1.2;
  --aipim-text-h4-weight:600;
  --aipim-text-h4-tracking:0.02em;
  --aipim-text-h4-transform:uppercase;
  --aipim-text-body-lg-size:1.125rem;
  --aipim-text-body-lg-line:1.6;
  --aipim-text-body-lg-weight:400;
  --aipim-text-body-lg-tracking:0em;
  --aipim-text-body-lg-transform:none;
  --aipim-text-body-size:1rem;
  --aipim-text-body-line:1.5;
  --aipim-text-body-weight:400;
  --aipim-text-body-tracking:0em;
  --aipim-text-body-transform:none;
  --aipim-text-body-sm-size:0.875rem;
  --aipim-text-body-sm-line:1.5;
  --aipim-text-body-sm-weight:400;
  --aipim-text-body-sm-tracking:0em;
  --aipim-text-body-sm-transform:none;
  --aipim-text-label-size:1rem;
  --aipim-text-label-line:1.25;
  --aipim-text-label-weight:700;
  --aipim-text-label-tracking:0.01em;
  --aipim-text-label-transform:none;
  --aipim-text-overline-size:0.75rem;
  --aipim-text-overline-line:1.5;
  --aipim-text-overline-weight:700;
  --aipim-text-overline-tracking:0.08em;
  --aipim-text-overline-transform:uppercase;
  --aipim-bg-canvas:var(--aipim-color-neutral-100);
  --aipim-bg-surface:var(--aipim-color-neutral-50);
  --aipim-bg-sunken:var(--aipim-color-neutral-200);
  --aipim-bg-scrim:var(--aipim-color-neutral-1000);
  --aipim-text-primary:var(--aipim-color-neutral-950);
  --aipim-text-secondary:var(--aipim-color-neutral-800);
  --aipim-text-muted:var(--aipim-color-neutral-700);
  --aipim-text-inverse:var(--aipim-color-neutral-50);
  --aipim-border-subtle:var(--aipim-color-neutral-300);
  --aipim-border-strong:var(--aipim-color-neutral-600);
  --aipim-action-primary-bg:var(--aipim-color-primary-700);
  --aipim-action-primary-text:var(--aipim-color-neutral-50);
  --aipim-action-primary-hover:var(--aipim-color-primary-800);
  --aipim-action-secondary-bg:var(--aipim-color-secondary-700);
  --aipim-action-secondary-text:var(--aipim-color-neutral-50);
  --aipim-action-secondary-hover:var(--aipim-color-secondary-800);
  --aipim-link:var(--aipim-color-secondary-800);
  --aipim-link-hover:var(--aipim-color-secondary-900);
  --aipim-link-visited:var(--aipim-color-primary-800);
  --aipim-focus-ring:var(--aipim-color-secondary-700);
  --aipim-accent-bg:var(--aipim-color-tertiary-300);
  --aipim-accent-text:var(--aipim-color-neutral-950);
  --aipim-success-bg:var(--aipim-color-success-100);
  --aipim-success-text:var(--aipim-color-success-800);
  --aipim-success-icon:var(--aipim-color-success-700);
  --aipim-warning-bg:var(--aipim-color-tertiary-100);
  --aipim-warning-text:var(--aipim-color-tertiary-900);
  --aipim-warning-icon:var(--aipim-color-tertiary-800);
  --aipim-error-bg:var(--aipim-color-error-100);
  --aipim-error-text:var(--aipim-color-error-800);
  --aipim-error-icon:var(--aipim-color-error-600);
  --aipim-info-bg:var(--aipim-color-secondary-100);
  --aipim-info-text:var(--aipim-color-secondary-800);
  --aipim-info-icon:var(--aipim-color-secondary-600);
  --aipim-tint-primary:var(--aipim-color-primary-300);
  --aipim-tint-secondary:var(--aipim-color-secondary-300);
  --aipim-tint-tertiary:var(--aipim-color-tertiary-300);
  --aipim-tint-success:var(--aipim-color-success-300);
  --aipim-tint-error:var(--aipim-color-error-300);
  --aipim-tint-text:var(--aipim-color-neutral-950);
  --aipim-tint-text-muted:var(--aipim-color-neutral-800);
  --aipim-shadow-resting:0px 1px 2px 0px rgba(26, 21, 17, 0.08), 0px 1px 3px 0px rgba(26, 21, 17, 0.06);
  --aipim-shadow-raised:0px 4px 12px -2px rgba(26, 21, 17, 0.12), 0px 2px 4px -1px rgba(26, 21, 17, 0.06);
  --aipim-shadow-overlay:0px 16px 32px -8px rgba(26, 21, 17, 0.24), 0px 8px 16px -4px rgba(26, 21, 17, 0.12);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --aipim-bg-canvas:var(--aipim-color-neutral-950);
    --aipim-bg-surface:var(--aipim-color-neutral-900);
    --aipim-bg-sunken:var(--aipim-color-neutral-1000);
    --aipim-bg-scrim:var(--aipim-color-neutral-1000);
    --aipim-text-primary:var(--aipim-color-neutral-50);
    --aipim-text-secondary:var(--aipim-color-neutral-200);
    --aipim-text-muted:var(--aipim-color-neutral-300);
    --aipim-text-inverse:var(--aipim-color-neutral-950);
    --aipim-border-subtle:var(--aipim-color-neutral-800);
    --aipim-border-strong:var(--aipim-color-neutral-500);
    --aipim-action-primary-bg:var(--aipim-color-primary-400);
    --aipim-action-primary-text:var(--aipim-color-neutral-950);
    --aipim-action-primary-hover:var(--aipim-color-primary-300);
    --aipim-action-secondary-bg:var(--aipim-color-secondary-400);
    --aipim-action-secondary-text:var(--aipim-color-neutral-950);
    --aipim-action-secondary-hover:var(--aipim-color-secondary-300);
    --aipim-link:var(--aipim-color-secondary-400);
    --aipim-link-hover:var(--aipim-color-secondary-300);
    --aipim-link-visited:var(--aipim-color-primary-300);
    --aipim-focus-ring:var(--aipim-color-secondary-300);
    --aipim-accent-bg:var(--aipim-color-tertiary-300);
    --aipim-accent-text:var(--aipim-color-neutral-950);
    --aipim-success-bg:var(--aipim-color-success-900);
    --aipim-success-text:var(--aipim-color-success-200);
    --aipim-success-icon:var(--aipim-color-success-200);
    --aipim-warning-bg:var(--aipim-color-tertiary-900);
    --aipim-warning-text:var(--aipim-color-tertiary-200);
    --aipim-warning-icon:var(--aipim-color-tertiary-300);
    --aipim-error-bg:var(--aipim-color-error-900);
    --aipim-error-text:var(--aipim-color-error-200);
    --aipim-error-icon:var(--aipim-color-error-500);
    --aipim-info-bg:var(--aipim-color-secondary-900);
    --aipim-info-text:var(--aipim-color-secondary-200);
    --aipim-info-icon:var(--aipim-color-secondary-400);
    --aipim-tint-primary:var(--aipim-color-primary-800);
    --aipim-tint-secondary:var(--aipim-color-secondary-800);
    --aipim-tint-tertiary:var(--aipim-color-tertiary-800);
    --aipim-tint-success:var(--aipim-color-success-800);
    --aipim-tint-error:var(--aipim-color-error-800);
    --aipim-tint-text:var(--aipim-color-neutral-50);
    --aipim-tint-text-muted:var(--aipim-color-neutral-200);
    --aipim-shadow-resting:0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
    --aipim-shadow-raised:0px 4px 12px -2px rgba(0, 0, 0, 0.5), 0px 2px 4px -1px rgba(0, 0, 0, 0.3);
    --aipim-shadow-overlay:0px 16px 32px -8px rgba(0, 0, 0, 0.6), 0px 8px 16px -4px rgba(0, 0, 0, 0.4);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --aipim-bg-canvas:var(--aipim-color-neutral-950);
  --aipim-bg-surface:var(--aipim-color-neutral-900);
  --aipim-bg-sunken:var(--aipim-color-neutral-1000);
  --aipim-bg-scrim:var(--aipim-color-neutral-1000);
  --aipim-text-primary:var(--aipim-color-neutral-50);
  --aipim-text-secondary:var(--aipim-color-neutral-200);
  --aipim-text-muted:var(--aipim-color-neutral-300);
  --aipim-text-inverse:var(--aipim-color-neutral-950);
  --aipim-border-subtle:var(--aipim-color-neutral-800);
  --aipim-border-strong:var(--aipim-color-neutral-500);
  --aipim-action-primary-bg:var(--aipim-color-primary-400);
  --aipim-action-primary-text:var(--aipim-color-neutral-950);
  --aipim-action-primary-hover:var(--aipim-color-primary-300);
  --aipim-action-secondary-bg:var(--aipim-color-secondary-400);
  --aipim-action-secondary-text:var(--aipim-color-neutral-950);
  --aipim-action-secondary-hover:var(--aipim-color-secondary-300);
  --aipim-link:var(--aipim-color-secondary-400);
  --aipim-link-hover:var(--aipim-color-secondary-300);
  --aipim-link-visited:var(--aipim-color-primary-300);
  --aipim-focus-ring:var(--aipim-color-secondary-300);
  --aipim-accent-bg:var(--aipim-color-tertiary-300);
  --aipim-accent-text:var(--aipim-color-neutral-950);
  --aipim-success-bg:var(--aipim-color-success-900);
  --aipim-success-text:var(--aipim-color-success-200);
  --aipim-success-icon:var(--aipim-color-success-200);
  --aipim-warning-bg:var(--aipim-color-tertiary-900);
  --aipim-warning-text:var(--aipim-color-tertiary-200);
  --aipim-warning-icon:var(--aipim-color-tertiary-300);
  --aipim-error-bg:var(--aipim-color-error-900);
  --aipim-error-text:var(--aipim-color-error-200);
  --aipim-error-icon:var(--aipim-color-error-500);
  --aipim-info-bg:var(--aipim-color-secondary-900);
  --aipim-info-text:var(--aipim-color-secondary-200);
  --aipim-info-icon:var(--aipim-color-secondary-400);
  --aipim-tint-primary:var(--aipim-color-primary-800);
  --aipim-tint-secondary:var(--aipim-color-secondary-800);
  --aipim-tint-tertiary:var(--aipim-color-tertiary-800);
  --aipim-tint-success:var(--aipim-color-success-800);
  --aipim-tint-error:var(--aipim-color-error-800);
  --aipim-tint-text:var(--aipim-color-neutral-50);
  --aipim-tint-text-muted:var(--aipim-color-neutral-200);
  --aipim-shadow-resting:0px 1px 2px 0px rgba(0, 0, 0, 0.4), 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  --aipim-shadow-raised:0px 4px 12px -2px rgba(0, 0, 0, 0.5), 0px 2px 4px -1px rgba(0, 0, 0, 0.3);
  --aipim-shadow-overlay:0px 16px 32px -8px rgba(0, 0, 0, 0.6), 0px 8px 16px -4px rgba(0, 0, 0, 0.4);
  color-scheme:dark;
}
:root[data-theme="light"]{color-scheme:light}
@media (prefers-reduced-motion:reduce){:root{--aipim-duration-fast:0ms;--aipim-duration-base:0ms;--aipim-duration-slow:0ms}}