@layer tokens {
  :root {
    --al-brand-50: #eff6ff;
    --al-brand-100: #dbeafe;
    --al-brand-200: #bfdbfe;
    --al-brand-300: #93c5fd;
    --al-brand-400: #60a5fa;
    --al-brand-500: #3b82f6;
    --al-brand-600: #2563eb;
    --al-brand-700: #1d4ed8;
    --al-brand-800: #1e40af;
    --al-brand-900: #1e3a8a;
    --al-neutral-50: #f9fafb;
    --al-neutral-100: #f3f4f6;
    --al-neutral-200: #e5e7eb;
    --al-neutral-300: #d1d5db;
    --al-neutral-400: #9ca3af;
    --al-neutral-500: #6b7280;
    --al-neutral-600: #4b5563;
    --al-neutral-700: #374151;
    --al-neutral-800: #1f2937;
    --al-neutral-900: #111827;
    --al-neutral-950: #030712;
    --al-success-50: #f0fdf4;
    --al-success-100: #dcfce7;
    --al-success-200: #bbf7d0;
    --al-success-300: #86efac;
    --al-success-400: #4ade80;
    --al-success-500: #22c55e;
    --al-success-600: #16a34a;
    --al-success-700: #15803d;
    --al-success-800: #166534;
    --al-success-900: #14532d;
    --al-warning-50: #fffbeb;
    --al-warning-100: #fef3c7;
    --al-warning-200: #fde68a;
    --al-warning-300: #fcd34d;
    --al-warning-400: #fbbf24;
    --al-warning-500: #f59e0b;
    --al-warning-600: #d97706;
    --al-warning-700: #b45309;
    --al-warning-800: #92400e;
    --al-warning-900: #78350f;
    --al-danger-50: #fef2f2;
    --al-danger-100: #fee2e2;
    --al-danger-200: #fecaca;
    --al-danger-300: #fca5a5;
    --al-danger-400: #f87171;
    --al-danger-500: #ef4444;
    --al-danger-600: #dc2626;
    --al-danger-700: #b91c1c;
    --al-danger-800: #991b1b;
    --al-danger-900: #7f1d1d;
    --al-red-1: #ffebee;
    --al-red-2: #ffcdd2;
    --al-red-3: #ef9a9a;
    --al-red-4: #e57373;
    --al-red-5: #ef5350;
    --al-red-6: #f44336;
    --al-red-7: #e53935;
    --al-red-8: #d32f2f;
    --al-red-9: #c62828;
    --al-red-10: #b71c1c;
    --al-red-11: #9b1b1b;
    --al-red-12: #7f1515;
    --al-red-13: #5c0e0e;
    --al-red-14: #390909;
    --al-pink-1: #fce4ec;
    --al-pink-2: #f8bbd0;
    --al-pink-3: #f48fb1;
    --al-pink-4: #f06292;
    --al-pink-5: #ec407a;
    --al-pink-6: #e91e63;
    --al-pink-7: #d81b60;
    --al-pink-8: #c2185b;
    --al-pink-9: #ad1457;
    --al-pink-10: #880e4f;
    --al-pink-11: #6e0b3f;
    --al-pink-12: #540833;
    --al-pink-13: #3a0524;
    --al-pink-14: #200316;
    --al-purple-1: #f3e5f5;
    --al-purple-2: #e1bee7;
    --al-purple-3: #ce93d8;
    --al-purple-4: #ba68c8;
    --al-purple-5: #ab47bc;
    --al-purple-6: #9c27b0;
    --al-purple-7: #8e24aa;
    --al-purple-8: #7b1fa2;
    --al-purple-9: #6a1b9a;
    --al-purple-10: #4a148c;
    --al-purple-11: #3b1070;
    --al-purple-12: #2d0c57;
    --al-purple-13: #1e0840;
    --al-purple-14: #100427;
    --al-deep-purple-1: #ede7f6;
    --al-deep-purple-2: #d1c4e9;
    --al-deep-purple-3: #b39ddb;
    --al-deep-purple-4: #9575cd;
    --al-deep-purple-5: #7e57c2;
    --al-deep-purple-6: #673ab7;
    --al-deep-purple-7: #5e35b1;
    --al-deep-purple-8: #512da8;
    --al-deep-purple-9: #4527a0;
    --al-deep-purple-10: #311b92;
    --al-deep-purple-11: #271575;
    --al-deep-purple-12: #1d105b;
    --al-deep-purple-13: #130a42;
    --al-deep-purple-14: #0a0528;
    --al-indigo-1: #e8eaf6;
    --al-indigo-2: #c5cae9;
    --al-indigo-3: #9fa8da;
    --al-indigo-4: #7986cb;
    --al-indigo-5: #5c6bc0;
    --al-indigo-6: #3f51b5;
    --al-indigo-7: #3949ab;
    --al-indigo-8: #303f9f;
    --al-indigo-9: #283593;
    --al-indigo-10: #1a237e;
    --al-indigo-11: #151b66;
    --al-indigo-12: #101450;
    --al-indigo-13: #0a0d3b;
    --al-indigo-14: #050725;
    --al-blue-1: #e3f2fd;
    --al-blue-2: #bbdefb;
    --al-blue-3: #90caf9;
    --al-blue-4: #64b5f6;
    --al-blue-5: #42a5f5;
    --al-blue-6: #2196f3;
    --al-blue-7: #1e88e5;
    --al-blue-8: #1976d2;
    --al-blue-9: #1565c0;
    --al-blue-10: #0d47a1;
    --al-blue-11: #0a3982;
    --al-blue-12: #082b65;
    --al-blue-13: #051e48;
    --al-blue-14: #03112c;
    --al-light-blue-1: #e1f5fe;
    --al-light-blue-2: #b3e5fc;
    --al-light-blue-3: #81d4fa;
    --al-light-blue-4: #4fc3f7;
    --al-light-blue-5: #29b6f6;
    --al-light-blue-6: #03a9f4;
    --al-light-blue-7: #039be5;
    --al-light-blue-8: #0288d1;
    --al-light-blue-9: #0277bd;
    --al-light-blue-10: #01579b;
    --al-light-blue-11: #01457d;
    --al-light-blue-12: #013461;
    --al-light-blue-13: #002245;
    --al-light-blue-14: #001129;
    --al-cyan-1: #e0f7fa;
    --al-cyan-2: #b2ebf2;
    --al-cyan-3: #80deea;
    --al-cyan-4: #4dd0e1;
    --al-cyan-5: #26c6da;
    --al-cyan-6: #00bcd4;
    --al-cyan-7: #00acc1;
    --al-cyan-8: #0097a7;
    --al-cyan-9: #00838f;
    --al-cyan-10: #006064;
    --al-cyan-11: #004d50;
    --al-cyan-12: #003b3e;
    --al-cyan-13: #00292c;
    --al-cyan-14: #00171a;
    --al-teal-1: #e0f2f1;
    --al-teal-2: #b2dfdb;
    --al-teal-3: #80cbc4;
    --al-teal-4: #4db6ac;
    --al-teal-5: #26a69a;
    --al-teal-6: #009688;
    --al-teal-7: #00897b;
    --al-teal-8: #00796b;
    --al-teal-9: #00695c;
    --al-teal-10: #004d40;
    --al-teal-11: #003d33;
    --al-teal-12: #002e26;
    --al-teal-13: #001f1a;
    --al-teal-14: #00100d;
    --al-green-1: #e8f5e9;
    --al-green-2: #c8e6c9;
    --al-green-3: #a5d6a7;
    --al-green-4: #81c784;
    --al-green-5: #66bb6a;
    --al-green-6: #4caf50;
    --al-green-7: #43a047;
    --al-green-8: #388e3c;
    --al-green-9: #2e7d32;
    --al-green-10: #1b5e20;
    --al-green-11: #154b1a;
    --al-green-12: #103813;
    --al-green-13: #0a250d;
    --al-green-14: #051207;
    --al-light-green-1: #f1f8e9;
    --al-light-green-2: #dcedc8;
    --al-light-green-3: #c5e1a5;
    --al-light-green-4: #aed581;
    --al-light-green-5: #9ccc65;
    --al-light-green-6: #8bc34a;
    --al-light-green-7: #7cb342;
    --al-light-green-8: #689f38;
    --al-light-green-9: #558b2f;
    --al-light-green-10: #33691e;
    --al-light-green-11: #295418;
    --al-light-green-12: #1f4012;
    --al-light-green-13: #152c0c;
    --al-light-green-14: #0a1806;
    --al-lime-1: #f9fbe7;
    --al-lime-2: #f0f4c3;
    --al-lime-3: #e6ee9c;
    --al-lime-4: #dce775;
    --al-lime-5: #d4e157;
    --al-lime-6: #cddc39;
    --al-lime-7: #c0ca33;
    --al-lime-8: #afb42b;
    --al-lime-9: #9e9d24;
    --al-lime-10: #827717;
    --al-lime-11: #696012;
    --al-lime-12: #51490e;
    --al-lime-13: #3a330a;
    --al-lime-14: #221e06;
    --al-yellow-1: #fffde7;
    --al-yellow-2: #fff9c4;
    --al-yellow-3: #fff59d;
    --al-yellow-4: #fff176;
    --al-yellow-5: #ffee58;
    --al-yellow-6: #ffeb3b;
    --al-yellow-7: #fdd835;
    --al-yellow-8: #fbc02d;
    --al-yellow-9: #f9a825;
    --al-yellow-10: #f57f17;
    --al-yellow-11: #c4690f;
    --al-yellow-12: #97520b;
    --al-yellow-13: #6d3a07;
    --al-yellow-14: #422304;
    --al-amber-1: #fff8e1;
    --al-amber-2: #ffecb3;
    --al-amber-3: #ffe082;
    --al-amber-4: #ffd54f;
    --al-amber-5: #ffca28;
    --al-amber-6: #ffc107;
    --al-amber-7: #ffb300;
    --al-amber-8: #ffa000;
    --al-amber-9: #ff8f00;
    --al-amber-10: #ff6f00;
    --al-amber-11: #cc5900;
    --al-amber-12: #9c4300;
    --al-amber-13: #6d2e00;
    --al-amber-14: #3e1900;
    --al-orange-1: #fff3e0;
    --al-orange-2: #ffe0b2;
    --al-orange-3: #ffcc80;
    --al-orange-4: #ffb74d;
    --al-orange-5: #ffa726;
    --al-orange-6: #ff9800;
    --al-orange-7: #fb8c00;
    --al-orange-8: #f57c00;
    --al-orange-9: #ef6c00;
    --al-orange-10: #e65100;
    --al-orange-11: #b84000;
    --al-orange-12: #8c3000;
    --al-orange-13: #602100;
    --al-orange-14: #351200;
    --al-deep-orange-1: #fbe9e7;
    --al-deep-orange-2: #ffccbc;
    --al-deep-orange-3: #ffab91;
    --al-deep-orange-4: #ff8a65;
    --al-deep-orange-5: #ff7043;
    --al-deep-orange-6: #ff5722;
    --al-deep-orange-7: #f4511e;
    --al-deep-orange-8: #e64a19;
    --al-deep-orange-9: #d84315;
    --al-deep-orange-10: #bf360c;
    --al-deep-orange-11: #9a2b0a;
    --al-deep-orange-12: #762108;
    --al-deep-orange-13: #531706;
    --al-deep-orange-14: #300d03;
    --al-brown-1: #efebe9;
    --al-brown-2: #d7ccc8;
    --al-brown-3: #bcaaa4;
    --al-brown-4: #a1887f;
    --al-brown-5: #8d6e63;
    --al-brown-6: #795548;
    --al-brown-7: #6d4c41;
    --al-brown-8: #5d4037;
    --al-brown-9: #4e342e;
    --al-brown-10: #3e2723;
    --al-brown-11: #321f1c;
    --al-brown-12: #261715;
    --al-brown-13: #1a100e;
    --al-brown-14: #0f0908;
    --al-grey-1: #fafafa;
    --al-grey-2: #f5f5f5;
    --al-grey-3: #eeeeee;
    --al-grey-4: #e0e0e0;
    --al-grey-5: #bdbdbd;
    --al-grey-6: #9e9e9e;
    --al-grey-7: #757575;
    --al-grey-8: #616161;
    --al-grey-9: #424242;
    --al-grey-10: #212121;
    --al-grey-11: #1a1a1a;
    --al-grey-12: #141414;
    --al-grey-13: #0d0d0d;
    --al-grey-14: #070707;
    --al-blue-grey-1: #eceff1;
    --al-blue-grey-2: #cfd8dc;
    --al-blue-grey-3: #b0bec5;
    --al-blue-grey-4: #90a4ae;
    --al-blue-grey-5: #78909c;
    --al-blue-grey-6: #607d8b;
    --al-blue-grey-7: #546e7a;
    --al-blue-grey-8: #455a64;
    --al-blue-grey-9: #37474f;
    --al-blue-grey-10: #263238;
    --al-blue-grey-11: #1e282d;
    --al-blue-grey-12: #171e22;
    --al-blue-grey-13: #0f1417;
    --al-blue-grey-14: #080a0c;
    --al-color-white: #ffffff;
    --al-color-black: #000000;
    --al-color-surface: var(--al-color-white);
    --al-color-overlay: rgba(0, 0, 0, 0.5);
    --al-spacing-0: 0px;
    --al-spacing-half: 0.125rem;
    --al-spacing-1: 0.25rem;
    --al-spacing-2: 0.5rem;
    --al-spacing-3: 0.75rem;
    --al-spacing-4: 1rem;
    --al-spacing-5: 1.25rem;
    --al-spacing-6: 1.5rem;
    --al-spacing-8: 2rem;
    --al-spacing-10: 2.5rem;
    --al-spacing-12: 3rem;
    --al-spacing-16: 4rem;
    --al-spacing-20: 5rem;
    --al-spacing-24: 6rem;
    --al-spacing-0_75: 0.1875rem;
    --al-spacing-1_5: 0.375rem;
    --al-spacing-2_5: 0.625rem;
    --al-spacing-3_5: 0.875rem;
    --al-spacing-7: 1.75rem;
    --al-spacing-9: 2.25rem;
    --al-spacing-11: 2.75rem;
    --al-spacing-14: 3.5rem;
    --al-spacing-17: 4.25rem;
    --al-spacing-28: 7rem;
    --al-spacing-30: 7.5rem;
    --al-spacing-32: 8rem;
    --al-spacing-37_5: 9.375rem;
    --al-spacing-40: 10rem;
    --al-spacing-48: 12rem;
    --al-spacing-56: 14rem;
    --al-spacing-60: 15rem;
    --al-spacing-64: 16rem;
    --al-spacing-72: 18rem;
    --al-spacing-75: 18.75rem;
    --al-spacing-80: 20rem;
    --al-spacing-96: 24rem;
    --al-spacing-112: 28rem;
    --al-spacing-128: 32rem;
    --al-spacing-140: 35rem;
    --al-spacing-160: 40rem;
    --al-spacing-168: 42rem;
    --al-accent-border-width: 3px;
    --al-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --al-radius-none: 0px;
    --al-radius-sm: 0.125rem;
    --al-radius: 0.25rem;
    --al-radius-md: 0.375rem;
    --al-radius-lg: 0.5rem;
    --al-radius-xl: 0.75rem;
    --al-radius-2xl: 1rem;
    --al-radius-3xl: 1.5rem;
    --al-radius-full: 9999px;
    --al-border-width-none: 0;
    --al-border-width: 1px;
    --al-border-width-2: 2px;
    --al-border-width-4: 4px;
    --al-border-width-8: 8px;
    --al-font-size-3xs: 0.625rem;
    --al-font-size-2xs: 0.6875rem;
    --al-font-size-xs: 0.75rem;
    --al-font-size-sm: 0.875rem;
    --al-font-size-md: 1rem;
    --al-font-size-base: 1rem;
    --al-font-size-lg: 1.125rem;
    --al-font-size-xl: 1.25rem;
    --al-font-size-2xl: 1.5rem;
    --al-font-size-3xl: 1.875rem;
    --al-font-size-4xl: 2.25rem;
    --al-font-weight-light: 300;
    --al-font-weight-normal: 400;
    --al-font-weight-medium: 500;
    --al-font-weight-semibold: 600;
    --al-font-weight-bold: 700;
    --al-leading-none: 1;
    --al-leading-tight: 1.25;
    --al-leading-snug: 1.375;
    --al-leading-normal: 1.5;
    --al-leading-relaxed: 1.625;
    --al-leading-loose: 2;
    --al-transition-fast: 150ms;
    --al-transition-base: 200ms;
    --al-transition-slow: 300ms;
    --al-z-0: 0;
    --al-z-10: 10;
    --al-z-20: 20;
    --al-z-30: 30;
    --al-z-40: 40;
    --al-z-50: 50;
    --al-z-auto: auto;
    --al-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --al-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --al-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --al-shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --al-shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --al-shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --al-shadow-2xl: 0 50px 100px -20px rgb(0 0 0 / 0.25);
    --al-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --al-opacity-0: 0;
    --al-opacity-5: 0.05;
    --al-opacity-10: 0.1;
    --al-opacity-20: 0.2;
    --al-opacity-25: 0.25;
    --al-opacity-30: 0.3;
    --al-opacity-40: 0.4;
    --al-opacity-50: 0.5;
    --al-opacity-60: 0.6;
    --al-opacity-70: 0.7;
    --al-opacity-75: 0.75;
    --al-opacity-80: 0.8;
    --al-opacity-90: 0.9;
    --al-opacity-95: 0.95;
    --al-opacity-100: 1;
    --al-focus-ring-width: 2px;
    --al-focus-ring-color: var(--al-brand-500);
    --al-focus-ring-offset: 2px;
    --al-font-family-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    --al-font-size-code: 0.875rem;
    --al-code-bg: var(--al-neutral-50);
    --al-code-fg: var(--al-neutral-900);
    --al-code-selection: var(--al-brand-200);
    --al-syntax-keyword: var(--al-purple-9);
    --al-syntax-identifier: var(--al-blue-9);
    --al-syntax-type: var(--al-blue-9);
    --al-syntax-string: var(--al-blue-12);
    --al-syntax-string-escape: var(--al-red-6);
    --al-syntax-string-invalid: var(--al-red-6);
    --al-syntax-number: var(--al-blue-9);
    --al-syntax-constant: var(--al-blue-9);
    --al-syntax-operator: var(--al-blue-9);
    --al-syntax-delimiter: var(--al-neutral-500);
    --al-syntax-comment: var(--al-neutral-500);
    --al-syntax-invalid: var(--al-red-6);
  }
  [data-theme=dark] {
    --al-color-surface: var(--al-neutral-900);
    --al-code-bg: var(--al-neutral-800);
    --al-code-fg: var(--al-neutral-100);
    --al-code-selection: var(--al-brand-700);
    --al-syntax-keyword: var(--al-purple-4);
    --al-syntax-identifier: var(--al-blue-4);
    --al-syntax-type: var(--al-blue-4);
    --al-syntax-string: var(--al-blue-2);
    --al-syntax-string-escape: var(--al-red-4);
    --al-syntax-string-invalid: var(--al-red-4);
    --al-syntax-number: var(--al-blue-4);
    --al-syntax-constant: var(--al-blue-4);
    --al-syntax-operator: var(--al-blue-4);
    --al-syntax-delimiter: var(--al-neutral-400);
    --al-syntax-comment: var(--al-neutral-400);
    --al-syntax-invalid: var(--al-red-4);
  }
  @media (prefers-color-scheme: dark) {
    :root:not([data-theme=light]) {
      --al-color-surface: var(--al-neutral-900);
      --al-code-bg: var(--al-neutral-800);
      --al-code-fg: var(--al-neutral-100);
      --al-code-selection: var(--al-brand-700);
      --al-syntax-keyword: var(--al-purple-4);
      --al-syntax-identifier: var(--al-blue-4);
      --al-syntax-type: var(--al-blue-4);
      --al-syntax-string: var(--al-blue-2);
      --al-syntax-string-escape: var(--al-red-4);
      --al-syntax-string-invalid: var(--al-red-4);
      --al-syntax-number: var(--al-blue-4);
      --al-syntax-constant: var(--al-blue-4);
      --al-syntax-operator: var(--al-blue-4);
      --al-syntax-delimiter: var(--al-neutral-400);
      --al-syntax-comment: var(--al-neutral-400);
      --al-syntax-invalid: var(--al-red-4);
    }
  }
  @layer tokens.shared-colors {
    :root {
      --al-color-solid-bg: var(--al-brand-500);
      --al-color-solid-fg: var(--al-color-white);
      --al-color-solid-border: var(--al-brand-500);
      --al-color-soft-bg: var(--al-brand-100);
      --al-color-soft-fg: var(--al-brand-700);
      --al-color-soft-border: var(--al-brand-200);
      --al-color-outline-fg: var(--al-brand-500);
      --al-color-outline-border: var(--al-brand-500);
      --al-color-ghost-fg: var(--al-brand-700);
      --al-color-ghost-hover-bg: var(--al-brand-100);
      --al-color-icon: var(--al-neutral-500);
      --al-color-icon-muted: var(--al-neutral-400);
      --al-color-accent: var(--al-brand-500);
      --al-color-disabled-bg: var(--al-neutral-200);
      --al-color-disabled-fg: var(--al-neutral-400);
      --al-color-hover-bg: var(--al-neutral-100);
    }
    [data-theme=dark] {
      --al-color-solid-bg: var(--al-brand-600);
      --al-color-soft-bg: var(--al-brand-900);
      --al-color-soft-fg: var(--al-brand-200);
      --al-color-soft-border: var(--al-brand-800);
      --al-color-outline-fg: var(--al-brand-400);
      --al-color-outline-border: var(--al-brand-600);
      --al-color-ghost-fg: var(--al-brand-300);
      --al-color-ghost-hover-bg: var(--al-brand-900);
      --al-color-icon: var(--al-neutral-400);
      --al-color-icon-muted: var(--al-neutral-600);
      --al-color-accent: var(--al-brand-400);
      --al-color-disabled-bg: var(--al-neutral-800);
      --al-color-disabled-fg: var(--al-neutral-600);
      --al-color-hover-bg: var(--al-neutral-800);
    }
    @media (prefers-color-scheme: dark) {
      :root:not([data-theme=light]) {
        --al-color-solid-bg: var(--al-brand-600);
        --al-color-soft-bg: var(--al-brand-900);
        --al-color-soft-fg: var(--al-brand-200);
        --al-color-soft-border: var(--al-brand-800);
        --al-color-outline-fg: var(--al-brand-400);
        --al-color-outline-border: var(--al-brand-600);
        --al-color-ghost-fg: var(--al-brand-300);
        --al-color-ghost-hover-bg: var(--al-brand-900);
        --al-color-icon: var(--al-neutral-400);
        --al-color-icon-muted: var(--al-neutral-600);
        --al-color-accent: var(--al-brand-400);
        --al-color-disabled-bg: var(--al-neutral-800);
        --al-color-disabled-fg: var(--al-neutral-600);
        --al-color-hover-bg: var(--al-neutral-800);
      }
    }
  }
}