:root {
    --aw-fw-regular: 400;
    --aw-fw-medium: 500;
    --aw-fw-semibold: 600;
    --aw-fw-bold: 700;

    --aw-text: #17222c;
    --aw-text-2: #5b6874;
    --aw-text-3: #636f7b;
    --aw-bg: #f4f6f8;
    --aw-surface: #ffffff;
    --aw-surface-alt: #eef0f5;
    --aw-surface-muted: #e6e9ec;
    --aw-hover: #f1f3f7;
    --aw-border: #d5dce2;
    --aw-border-strong: #8a97a3;
    --aw-scrim: rgba(3, 9, 22, 0.45);

    --aw-primary: var(--primary, #3b7a8c);
    --aw-primary-hover: var(--primary-700, #2d5d6a);
    --aw-on-primary: var(--primary-on, #ffffff);
    --aw-ink: var(--primary-700, #2d5d6a);
    --aw-accent: var(--primary-500, #3b7a8c);
    --aw-accent-text: var(--primary-700, #2d5d6a);
    --aw-icon: var(--icon-color, #071530);

    --aw-success: #2f6b4f;
    --aw-success-bg: #f0f5f2;
    --aw-success-border: #d2e2d8;
    --aw-warning: #806224;
    --aw-warning-bg: #f8f4ea;
    --aw-warning-border: #e4d7b6;
    --aw-danger: #a8322a;
    --aw-danger-bg: #fbf2f1;
    --aw-danger-border: #ecd2cf;
    --aw-info: #2f5f8a;
    --aw-info-bg: #eff4f9;
    --aw-info-border: #cfdceb;
    --aw-neutral: #5b6874;
    --aw-neutral-bg: #f1f3f5;
    --aw-neutral-border: #d5dce2;

    --aw-cat-1: var(--primary, #3b7a8c);
    --aw-cat-2: #c08a2e;
    --aw-cat-3: #5b7fb5;
    --aw-cat-4: #b4637a;
    --aw-cat-5: #4f9a83;
    --aw-cat-6: #8a6bb8;
    --aw-cat-7: #a8754f;
    --aw-cat-8: #6b7d8f;

    --aw-space-0: 0;
    --aw-space-1: 2px;
    --aw-space-2: 4px;
    --aw-space-3: 8px;
    --aw-space-4: 12px;
    --aw-space-5: 16px;
    --aw-space-6: 20px;
    --aw-space-7: 24px;
    --aw-space-8: 32px;
    --aw-space-9: 40px;
    --aw-space-10: 48px;
    --aw-space-11: 64px;

    --aw-pad: 16px;
    --aw-panel: 20px;
    --aw-gap: 20px;

    --aw-radius-sm: 4px;
    --aw-radius: 8px;
    --aw-radius-lg: 16px;
    --aw-pill: 980px;

    --aw-control: 48px;
    --aw-control-sm: 40px;

    --aw-shadow-raise: 0 1px 2px rgba(7, 21, 48, 0.06);
    --aw-shadow-float: 0 12px 32px rgba(7, 21, 48, 0.14);
    --aw-focus: 0 0 0 3px rgba(var(--primary-rgb, 59, 122, 140), 0.28);

    --aw-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --aw-transition: 160ms ease;

    --canvas: var(--aw-bg);
    --background: var(--aw-surface);
    --card: var(--aw-surface);
    --popover: var(--aw-surface);
    --foreground: var(--aw-text);
    --card-foreground: var(--aw-text);
    --muted: var(--aw-surface-alt);
    --muted-foreground: var(--aw-text-2);
    --muted-fg: var(--aw-text-2);
    --accent: var(--aw-surface-alt);
    --border: var(--aw-border);
    --border-strong: var(--aw-border-strong);
    --input: var(--aw-border-strong);
    --ui-line-strong: var(--aw-border-strong);
    --ui-wash-hover: var(--aw-hover);
    --ui-wash-active: var(--aw-surface-muted);
    --radius: 0.5rem;

    --ink-white: #ffffff;
    --ink-50: #f7f8fa;
    --ink-100: #eef0f5;
    --ink-200: #d5dce2;
    --ink-300: #c3ccd5;
    --ink-400: #8a97a3;
    --ink-500: #636f7b;
    --ink-600: #5b6874;
    --ink-700: #3a4651;
    --ink-800: #25303a;
    --ink-900: #17222c;

    --color-white: var(--ink-white);
    --color-black: var(--ink-900);
    --color-gray-50: #f7f8fa;
    --color-gray-100: var(--aw-surface-muted);
    --color-gray-200: var(--aw-border);
    --color-gray-300: var(--aw-border);
    --color-gray-400: #8a97a3;
    --color-gray-500: var(--aw-text-3);
    --color-gray-600: var(--aw-text-2);
    --color-gray-700: var(--ink-700);
    --color-gray-800: var(--ink-800);
    --color-gray-900: var(--aw-text);

    --success: var(--aw-success);
    --success-muted: var(--aw-success-bg);
    --success-border: var(--aw-success-border);
    --warning: var(--aw-warning);
    --warning-muted: var(--aw-warning-bg);
    --warning-border: var(--aw-warning-border);
    --destructive: var(--aw-danger);
    --destructive-muted: var(--aw-danger-bg);
    --destructive-border: var(--aw-danger-border);
    --info: var(--aw-ink);
    --color-success: var(--aw-success);
    --color-warning: var(--aw-warning);
    --color-warning-light: var(--aw-warning-bg);
    --color-error: var(--aw-danger);
    --color-error-light: var(--aw-danger-bg);
    --color-info: var(--aw-info);
    --color-info-light: var(--aw-info-bg);

    --field-bg: var(--aw-surface);
    --field-bg-disabled: var(--aw-surface-alt);
    --field-color: var(--aw-text);
    --field-placeholder: var(--aw-text-3);
    --field-border-color: var(--aw-border-strong);
    --field-border-color-hover: var(--aw-text-2);
    --field-border-color-focus: var(--aw-primary);
    --field-radius: var(--aw-radius);

    --ui-btn-h: var(--aw-control-sm);
    --ui-btn-fs: var(--aw-small);
    --ui-btn-fw: 600;
    --ui-btn-shadow: none;
    --ui-btn-pad: 0 16px;
}

@media (min-width: 768px) {
    :root { --aw-pad: 20px; --aw-panel: 24px; --aw-gap: 24px; }
}

:root[data-theme="dark"] {
    --aw-text: #eef1f7;
    --aw-text-2: #a3adbd;
    --aw-text-3: #8590a4;
    --aw-bg: #050a14;
    --aw-surface: #0d1526;
    --aw-surface-alt: #0b1424;
    --aw-surface-muted: #18223a;
    --aw-hover: #131d33;
    --aw-border: #233049;
    --aw-border-strong: #4a5873;
    --aw-scrim: rgba(0, 0, 0, 0.6);

    --aw-ink: var(--primary-text, #a7c3cb);
    --aw-accent: var(--primary-300, #a7c3cb);
    --aw-accent-text: var(--primary-text, #a7c3cb);
    --aw-primary-hover: var(--primary-600, #346b7b);

    --aw-success: #8cc7a4;
    --aw-success-bg: #0f1d1a;
    --aw-success-border: #26443a;
    --aw-warning: #d8bf86;
    --aw-warning-bg: #1f1c17;
    --aw-warning-border: #4a3f27;
    --aw-danger: #ec8f88;
    --aw-danger-bg: #231419;
    --aw-danger-border: #5a2b2c;
    --aw-info: #8db6e0;
    --aw-info-bg: #15212d;
    --aw-info-border: #2a4058;
    --aw-neutral: #a3aeb8;
    --aw-neutral-bg: #1d2227;
    --aw-neutral-border: #333b43;

    --aw-cat-2: #dcab55;
    --aw-cat-3: #87a6d6;
    --aw-cat-4: #d88aa0;
    --aw-cat-5: #74bea6;
    --aw-cat-6: #ae93d8;
    --aw-cat-7: #cc9b75;
    --aw-cat-8: #9aabbb;

    --aw-shadow-raise: 0 1px 2px rgba(0, 0, 0, 0.4);
    --aw-shadow-float: 0 12px 32px rgba(0, 0, 0, 0.5);

    --color-gray-50: #131d33;
    --color-gray-400: #6b7891;
    --ink-white: #0d1526;
    --ink-50: #131d33;
    --ink-100: #18223a;
    --ink-200: #233049;
    --ink-300: #33415d;
    --ink-400: #6b7891;
    --ink-500: #8590a4;
    --ink-600: #a3adbd;
    --ink-700: #c3cbd8;
    --ink-800: #dde2ea;
    --ink-900: #eef1f7;
}