/**
 * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 *
 * This file is generated by the theme generator.
 * To modify tokens, edit: scripts/theme-generator/config.ts
 * Then run: pnpm codegen:themes
 */


@theme {
  --text-color-kumo-default: light-dark(
    var(--color-neutral-900, oklch(21% 0.006 285.885)),
    var(--color-neutral-100, oklch(97% 0 0))
  );

  --text-color-kumo-inverse: light-dark(
    var(--color-neutral-100, oklch(97% 0 0)),
    var(--color-neutral-900, oklch(20.5% 0 0))
  );

  --text-color-kumo-strong: light-dark(
    var(--color-neutral-600, oklch(43.9% 0 0)),
    var(--color-neutral-400, oklch(70.8% 0 0))
  );

  --text-color-kumo-subtle: light-dark(
    var(--color-neutral-500, oklch(55.6% 0 0)),
    var(--color-kumo-neutral-50, oklch(97.5% 0 0))
  );

  --text-color-kumo-inactive: light-dark(
    var(--color-neutral-400, oklch(70.8% 0 0)),
    var(--color-neutral-600, oklch(70.8% 0 0))
  );

  --text-color-kumo-placeholder: light-dark(
    var(--color-neutral-400, oklch(70.8% 0 0)),
    var(--color-neutral-500, oklch(55.6% 0 0))
  );

  --text-color-kumo-brand: light-dark(
    #f6821f,
    #f6821f
  );

  --text-color-kumo-link: light-dark(
    var(--color-blue-800, oklch(42.4% 0.199 265.638)),
    var(--color-blue-400, oklch(70.7% 0.165 254.624))
  );

  --text-color-kumo-success: light-dark(
    var(--color-green-500, oklch(72.3% 0.219 149.579)),
    var(--color-green-400, oklch(79.2% 0.209 151.711))
  );

  --text-color-kumo-danger: light-dark(
    var(--color-red-500, oklch(63.7% 0.237 25.331)),
    var(--color-red-400, oklch(70.4% 0.191 22.216))
  );

  --text-color-kumo-warning: light-dark(
    var(--color-yellow-800, oklch(47.6% 0.114 61.907)),
    var(--color-yellow-400, oklch(85.2% 0.199 91.936))
  );

}

@theme {
  --color-kumo-surface: light-dark(
    var(--color-kumo-neutral-25, oklch(99% 0 0)),
    var(--color-kumo-neutral-975, oklch(8.5% 0 0))
  );

  --color-kumo-recessed: light-dark(
    var(--color-kumo-neutral-50, oklch(96.5% 0 0)),
    var(--color-kumo-neutral-925, oklch(18% 0 0))
  );

  --color-kumo-base: light-dark(
    var(--color-white, #fff),
    var(--color-kumo-neutral-850, oklch(22.4% 0 0))
  );

  --color-kumo-tint: light-dark(
    var(--color-kumo-neutral-75, oklch(96.7% 0 0)),
    var(--color-kumo-neutral-800, oklch(26.9% 0 0))
  );

  --color-kumo-contrast: light-dark(
    var(--color-kumo-neutral-975, oklch(8.5% 0 0)),
    var(--color-kumo-neutral-25, oklch(99% 0 0))
  );

  --color-kumo-elevated: light-dark(
    var(--color-kumo-neutral-25, oklch(98.5% 0 0)),
    var(--color-neutral-950, oklch(14.5% 0 0))
  );

  --color-kumo-overlay: light-dark(
    var(--color-kumo-neutral-50, oklch(97.5% 0 0)),
    var(--color-neutral-800, oklch(26.9% 0 0))
  );

  --color-kumo-control: light-dark(
    var(--color-white, #fff),
    var(--color-neutral-900, oklch(21% 0.006 285.885))
  );

  --color-kumo-interact: light-dark(
    var(--color-neutral-300, oklch(87% 0 0)),
    var(--color-neutral-700, oklch(37.1% 0 0))
  );

  --color-kumo-fill: light-dark(
    var(--color-neutral-200, oklch(92.2% 0 0)),
    var(--color-neutral-800, oklch(26.9% 0 0))
  );

  --color-kumo-fill-hover: light-dark(
    var(--color-neutral-200, oklch(92.2% 0 0)),
    var(--color-neutral-700, oklch(37.1% 0 0))
  );

  --color-kumo-brand: light-dark(
    oklch(0.5772 0.2324 260),
    oklch(0.5772 0.2324 260)
  );

  --color-kumo-brand-hover: light-dark(
    var(--color-blue-700, oklch(48.8% 0.243 264.376)),
    var(--color-blue-700, oklch(48.8% 0.243 264.376))
  );

  --color-kumo-line: light-dark(
    oklch(14.5% 0 0 / 0.1),
    var(--color-neutral-800, oklch(26.9% 0 0))
  );

  --color-kumo-ring: light-dark(
    var(--color-kumo-neutral-150, oklch(93.5% 0 0)),
    var(--color-neutral-700, oklch(37.1% 0 0))
  );

  --color-kumo-shadow-edge: light-dark(
    oklch(0% 0 0 / 0.12),
    oklch(100% 0 0 / 0.1)
  );

  --color-kumo-shadow-drop: light-dark(
    oklch(0% 0 0 / 0.08),
    oklch(0% 0 0 / 0.3)
  );

  --color-kumo-tip-shadow: light-dark(
    var(--color-gray-200, oklch(92.8% 0.006 264.531)),
    transparent
  );

  --color-kumo-tip-stroke: light-dark(
    transparent,
    var(--color-neutral-800, oklch(26.9% 0 0))
  );

  --color-kumo-info: light-dark(
    var(--color-blue-500, oklch(62.3% 0.214 259.815)),
    var(--color-blue-400, oklch(70.7% 0.165 254.624))
  );

  --color-kumo-info-tint: light-dark(
    var(--color-blue-300, oklch(80.9% 0.105 251.813)),
    var(--color-blue-900, oklch(37.9% 0.146 265.522))
  );

  --color-kumo-warning: light-dark(
    var(--color-yellow-500, oklch(79.5% 0.184 86.047)),
    var(--color-yellow-700, oklch(55.4% 0.135 66.442))
  );

  --color-kumo-warning-tint: light-dark(
    var(--color-yellow-300, oklch(90.5% 0.182 98.111)),
    var(--color-yellow-900, oklch(42.1% 0.095 57.708))
  );

  --color-kumo-danger: light-dark(
    var(--color-red-500, oklch(63.7% 0.237 25.331)),
    var(--color-red-700, oklch(50.5% 0.213 27.518))
  );

  --color-kumo-danger-tint: light-dark(
    var(--color-red-300, oklch(80.8% 0.114 19.571)),
    var(--color-red-900, oklch(39.6% 0.141 25.723))
  );

  --color-kumo-success: light-dark(
    var(--color-green-500, oklch(72.3% 0.219 149.579)),
    var(--color-green-700, oklch(52.7% 0.154 150.069))
  );

  --color-kumo-success-tint: light-dark(
    var(--color-green-300, oklch(87.1% 0.15 154.449)),
    var(--color-green-900, oklch(39.3% 0.095 152.535))
  );

}

@theme {
  /* Typography - text sizes and line heights */
  --text-xs: 12px;
  --text-xs--line-height: calc(1 / 0.75);
  --text-sm: 13px;
  --text-sm--line-height: calc(1 / 0.85);
  --text-base: 14px;
  --text-base--line-height: calc(1.25 / 0.875);
  --text-lg: 16px;
  --text-lg--line-height: calc(1.25 / 1);
}

@layer base {
  :root, [data-theme="kumo"] {
    --text-color-kumo-default: var(--color-neutral-900, oklch(21% 0.006 285.885));
    --text-color-kumo-inverse: var(--color-neutral-100, oklch(97% 0 0));
    --text-color-kumo-strong: var(--color-neutral-600, oklch(43.9% 0 0));
    --text-color-kumo-subtle: var(--color-neutral-500, oklch(55.6% 0 0));
    --text-color-kumo-inactive: var(--color-neutral-400, oklch(70.8% 0 0));
    --text-color-kumo-placeholder: var(--color-neutral-400, oklch(70.8% 0 0));
    --text-color-kumo-brand: #f6821f;
    --text-color-kumo-link: var(--color-blue-800, oklch(42.4% 0.199 265.638));
    --text-color-kumo-success: var(--color-green-500, oklch(72.3% 0.219 149.579));
    --text-color-kumo-danger: var(--color-red-500, oklch(63.7% 0.237 25.331));
    --text-color-kumo-warning: var(--color-yellow-800, oklch(47.6% 0.114 61.907));
    --color-kumo-surface: var(--color-kumo-neutral-25, oklch(99% 0 0));
    --color-kumo-recessed: var(--color-kumo-neutral-50, oklch(96.5% 0 0));
    --color-kumo-base: var(--color-white, #fff);
    --color-kumo-tint: var(--color-kumo-neutral-75, oklch(96.7% 0 0));
    --color-kumo-contrast: var(--color-kumo-neutral-975, oklch(8.5% 0 0));
    --color-kumo-elevated: var(--color-kumo-neutral-25, oklch(98.5% 0 0));
    --color-kumo-overlay: var(--color-kumo-neutral-50, oklch(97.5% 0 0));
    --color-kumo-control: var(--color-white, #fff);
    --color-kumo-interact: var(--color-neutral-300, oklch(87% 0 0));
    --color-kumo-fill: var(--color-neutral-200, oklch(92.2% 0 0));
    --color-kumo-fill-hover: var(--color-neutral-200, oklch(92.2% 0 0));
    --color-kumo-brand: oklch(0.5772 0.2324 260);
    --color-kumo-brand-hover: var(--color-blue-700, oklch(48.8% 0.243 264.376));
    --color-kumo-line: oklch(14.5% 0 0 / 0.1);
    --color-kumo-ring: var(--color-kumo-neutral-150, oklch(93.5% 0 0));
    --color-kumo-shadow-edge: oklch(0% 0 0 / 0.12);
    --color-kumo-shadow-drop: oklch(0% 0 0 / 0.08);
    --color-kumo-tip-shadow: var(--color-gray-200, oklch(92.8% 0.006 264.531));
    --color-kumo-tip-stroke: transparent;
    --color-kumo-info: var(--color-blue-500, oklch(62.3% 0.214 259.815));
    --color-kumo-info-tint: var(--color-blue-300, oklch(80.9% 0.105 251.813));
    --color-kumo-warning: var(--color-yellow-500, oklch(79.5% 0.184 86.047));
    --color-kumo-warning-tint: var(--color-yellow-300, oklch(90.5% 0.182 98.111));
    --color-kumo-danger: var(--color-red-500, oklch(63.7% 0.237 25.331));
    --color-kumo-danger-tint: var(--color-red-300, oklch(80.8% 0.114 19.571));
    --color-kumo-success: var(--color-green-500, oklch(72.3% 0.219 149.579));
    --color-kumo-success-tint: var(--color-green-300, oklch(87.1% 0.15 154.449));
  }
  
  :root[data-mode="dark"], [data-mode="dark"]:not([data-theme]), [data-mode="dark"] [data-theme="kumo"], [data-theme="kumo"][data-mode="dark"], [data-theme="kumo"] [data-mode="dark"] {
    --text-color-kumo-default: var(--color-neutral-100, oklch(97% 0 0));
    --text-color-kumo-inverse: var(--color-neutral-900, oklch(20.5% 0 0));
    --text-color-kumo-strong: var(--color-neutral-400, oklch(70.8% 0 0));
    --text-color-kumo-subtle: var(--color-kumo-neutral-50, oklch(97.5% 0 0));
    --text-color-kumo-inactive: var(--color-neutral-600, oklch(70.8% 0 0));
    --text-color-kumo-placeholder: var(--color-neutral-500, oklch(55.6% 0 0));
    --text-color-kumo-brand: #f6821f;
    --text-color-kumo-link: var(--color-blue-400, oklch(70.7% 0.165 254.624));
    --text-color-kumo-success: var(--color-green-400, oklch(79.2% 0.209 151.711));
    --text-color-kumo-danger: var(--color-red-400, oklch(70.4% 0.191 22.216));
    --text-color-kumo-warning: var(--color-yellow-400, oklch(85.2% 0.199 91.936));
    --color-kumo-surface: var(--color-kumo-neutral-975, oklch(8.5% 0 0));
    --color-kumo-recessed: var(--color-kumo-neutral-925, oklch(18% 0 0));
    --color-kumo-base: var(--color-kumo-neutral-850, oklch(22.4% 0 0));
    --color-kumo-tint: var(--color-kumo-neutral-800, oklch(26.9% 0 0));
    --color-kumo-contrast: var(--color-kumo-neutral-25, oklch(99% 0 0));
    --color-kumo-elevated: var(--color-neutral-950, oklch(14.5% 0 0));
    --color-kumo-overlay: var(--color-neutral-800, oklch(26.9% 0 0));
    --color-kumo-control: var(--color-neutral-900, oklch(21% 0.006 285.885));
    --color-kumo-interact: var(--color-neutral-700, oklch(37.1% 0 0));
    --color-kumo-fill: var(--color-neutral-800, oklch(26.9% 0 0));
    --color-kumo-fill-hover: var(--color-neutral-700, oklch(37.1% 0 0));
    --color-kumo-brand: oklch(0.5772 0.2324 260);
    --color-kumo-brand-hover: var(--color-blue-700, oklch(48.8% 0.243 264.376));
    --color-kumo-line: var(--color-neutral-800, oklch(26.9% 0 0));
    --color-kumo-ring: var(--color-neutral-700, oklch(37.1% 0 0));
    --color-kumo-shadow-edge: oklch(100% 0 0 / 0.1);
    --color-kumo-shadow-drop: oklch(0% 0 0 / 0.3);
    --color-kumo-tip-shadow: transparent;
    --color-kumo-tip-stroke: var(--color-neutral-800, oklch(26.9% 0 0));
    --color-kumo-info: var(--color-blue-400, oklch(70.7% 0.165 254.624));
    --color-kumo-info-tint: var(--color-blue-900, oklch(37.9% 0.146 265.522));
    --color-kumo-warning: var(--color-yellow-700, oklch(55.4% 0.135 66.442));
    --color-kumo-warning-tint: var(--color-yellow-900, oklch(42.1% 0.095 57.708));
    --color-kumo-danger: var(--color-red-700, oklch(50.5% 0.213 27.518));
    --color-kumo-danger-tint: var(--color-red-900, oklch(39.6% 0.141 25.723));
    --color-kumo-success: var(--color-green-700, oklch(52.7% 0.154 150.069));
    --color-kumo-success-tint: var(--color-green-900, oklch(39.3% 0.095 152.535));
  }
}