/* NUBAYIN for Tailwind CSS v4, version 1.0. Generated by scripts/build.py. Edit guide/*.md or scripts/kit/, then rebuild.
   Role colours point at the theme variables, so data-theme switches them. */
@import "./tokens.css";

@theme inline {
  --color-canvas: var(--canvas);
  --color-surface: var(--surface);
  --color-raised: var(--raised);
  --color-rule: var(--rule);
  --color-text: var(--text);
  --color-text-2: var(--text-2);
  --color-text-3: var(--text-3);
  --color-accent: var(--accent);
  --color-accent-strong: var(--accent-strong);
  --color-focus: var(--focus);
  --color-point: var(--point);
  --color-drench: var(--drench);
  --color-on-drench: var(--on-drench);
  --color-success: var(--success);
  --color-success-tint: var(--success-tint);
  --color-warning: var(--warning);
  --color-warning-tint: var(--warning-tint);
  --color-danger: var(--danger);
  --color-danger-tint: var(--danger-tint);
  --color-kohl-1000: var(--kohl-1000);
  --color-kohl-950: var(--kohl-950);
  --color-kohl-900: var(--kohl-900);
  --color-kohl-850: var(--kohl-850);
  --color-kohl-800: var(--kohl-800);
  --color-kohl-700: var(--kohl-700);
  --color-kohl-600: var(--kohl-600);
  --color-kohl-500: var(--kohl-500);
  --color-kohl-400: var(--kohl-400);
  --color-kohl-300: var(--kohl-300);
  --color-kohl-200: var(--kohl-200);
  --color-kohl-100: var(--kohl-100);
  --color-kohl-50: var(--kohl-50);
  --color-kohl-0: var(--kohl-0);
  --color-lazaward-950: var(--lazaward-950);
  --color-lazaward-900: var(--lazaward-900);
  --color-lazaward-800: var(--lazaward-800);
  --color-lazaward-700: var(--lazaward-700);
  --color-lazaward-600: var(--lazaward-600);
  --color-lazaward-500: var(--lazaward-500);
  --color-lazaward-400: var(--lazaward-400);
  --color-lazaward-300: var(--lazaward-300);
  --color-lazaward-200: var(--lazaward-200);
  --color-lazaward-100: var(--lazaward-100);
  --color-lazaward-50: var(--lazaward-50);
  --font-display: var(--font-display);
  --font-text: var(--font-text);
  --font-arabic: var(--font-arabic);
  --spacing-1: var(--space-1);
  --spacing-2: var(--space-2);
  --spacing-3: var(--space-3);
  --spacing-4: var(--space-4);
  --spacing-5: var(--space-5);
  --spacing-6: var(--space-6);
  --spacing-7: var(--space-7);
  --spacing-8: var(--space-8);
  --spacing-9: var(--space-9);
  --spacing-10: var(--space-10);
  --radius-none: 0;
  --radius-avatar: 50%;
  --ease-out: var(--ease-out);
  --ease-in: var(--ease-in);
  --ease-reveal: var(--ease-reveal);
  --aspect-scope: var(--frame-scope);
  --aspect-wide: var(--frame-wide);
  --aspect-poster: var(--frame-poster);
  --aspect-portrait: var(--frame-portrait);
}