/* gravy design tokens. Import before components.css. */
:root {
  color-scheme: light;

  /* Brand palette */
  /* Friendly guide names: Cream sauce, Orange gravy, Yellow mustard,
     Purple slaw, Just like caviar, and Kale green. */
  --ltg-canvas: #fff8e9;
  --ltg-surface: #ffffff;
  --ltg-surface-raised: #fffcf5;
  --ltg-ink: #24211f;
  --ltg-orange: #ff5a24;
  --ltg-orange-hover: #f04b19;
  --ltg-orange-strong: #a93612;
  --ltg-orange-soft: #ffebe3;
  --ltg-purple: #6435d6;
  --ltg-purple-hover: #5127bc;
  --ltg-purple-soft: #f0eaff;
  --ltg-yellow: #f9d84c;
  --ltg-yellow-soft: #fff5c8;

  /* Semantic feedback */
  --ltg-success: #28633f;
  --ltg-success-bg: #e7f4e9;
  --ltg-warning: #784300;
  --ltg-warning-bg: #fff1d5;
  --ltg-error: #a32119;
  --ltg-error-bg: #fde9e7;
  --ltg-info: #3c287f;
  --ltg-info-bg: #eeeaff;

  /* Neutral UI */
  --ltg-text-muted: #625b54;
  --ltg-text-subtle: #756e66;
  --ltg-border: #d8cfc2;
  --ltg-border-strong: #857b70;
  --ltg-disabled-bg: #f0ede7;
  --ltg-disabled-text: #716b65;
  --ltg-overlay: rgb(36 33 31 / 56%);

  /* Typography */
  --ltg-font-sans: "Manrope", Inter, ui-sans-serif, system-ui, sans-serif;
  --ltg-font-mono: "DM Mono", ui-monospace, SFMono-Regular, monospace;
  --ltg-font-size-xs: 0.75rem;
  --ltg-font-size-sm: 0.875rem;
  --ltg-font-size-md: 1rem;
  --ltg-font-size-lg: 1.125rem;
  --ltg-font-size-xl: 1.375rem;
  --ltg-line-body: 1.5;
  --ltg-line-heading: 1.08;

  /* 4px spacing scale */
  --ltg-space-1: 0.25rem;
  --ltg-space-2: 0.5rem;
  --ltg-space-3: 0.75rem;
  --ltg-space-4: 1rem;
  --ltg-space-6: 1.5rem;
  --ltg-space-8: 2rem;
  --ltg-space-12: 3rem;
  --ltg-space-16: 4rem;

  /* Shape, focus, depth, and motion */
  --ltg-radius-sm: 0.375rem;
  --ltg-radius-control: 0.625rem;
  --ltg-radius-card: 1rem;
  --ltg-radius-dialog: 1.25rem;
  --ltg-radius-pill: 999px;
  --ltg-focus-ring: 0 0 0 3px rgb(100 53 214 / 28%);
  --ltg-shadow-menu: 0 8px 24px rgb(36 33 31 / 14%);
  --ltg-shadow-dialog: 0 24px 64px rgb(36 33 31 / 22%);
  --ltg-motion-fast: 120ms;
  --ltg-motion-base: 180ms;
  --ltg-motion-slow: 260ms;
  --ltg-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ltg-z-tooltip: 30;
  --ltg-z-toast: 50;
  --ltg-z-overlay: 60;
  --ltg-z-dialog: 70;
}