/* Critical CSS to prevent FOUC - apply default theme immediately */
/* This file should be loaded with high priority to prevent theme flashing */

/* Prevent flash by setting a basic theme immediately */
html {
  color-scheme: light;
  /* Light theme variables as default */
  --color-base-100: oklch(98% 0.005 85);
  --color-base-200: oklch(96% 0.01 85);
  --color-base-300: oklch(92% 0.02 85);
  --color-base-content: oklch(30% 0.02 85);
  --color-primary: oklch(55% 0.1 180);
  --color-primary-content: oklch(100% 0 0);
  --color-secondary: oklch(60% 0.1 60);
  --color-secondary-content: oklch(100% 0 0);
  --color-accent: oklch(55% 0.1 180);
  --color-accent-content: oklch(100% 0 0);
  --color-neutral: oklch(15% 0.01 85);
  --color-neutral-content: oklch(95% 0.01 85);
  --color-info: oklch(80% 0.15 240);
  --color-info-content: oklch(25% 0.06 240);
  --color-success: oklch(55% 0.1 180);
  --color-success-content: oklch(100% 0 0);
  --color-warning: oklch(80% 0.15 80);
  --color-warning-content: oklch(25% 0.15 80);
  --color-error: oklch(80% 0.15 25);
  --color-error-content: oklch(25% 0.15 25);
  --radius-selector: 0.5rem;
  --radius-field: 0.25rem;
  --radius-box: 0.5rem;
  --size-selector: 0.21875rem;
  --size-field: 0.21875rem;
  --border: 1px;
  --depth: 1;
  --noise: 1;
  --acme-shadow-color: oklch(0.67 0.16 172.29 / 0.5);
  --header-gradient: linear-gradient(
    65deg,
    oklch(0.79 0.18 218.18 / 0.43),
    oklch(0.93 0.19 101.74 / 0.46)
  );
  --logo-shadow-color: oklch(100% 0 0 / 0.5);
  --logo-text-color: oklch(28% 0.17 300);
}

/* Dark theme variables for when data-theme="linatora-dark" */
html[data-theme="linatora-dark"] {
  color-scheme: dark;
  --color-base-100: oklch(0.17 0.01 0);
  --color-base-200: oklch(0.2 0.01 188.85);
  --color-base-300: oklch(0.27 0.03 208.42);
  --color-base-content: oklch(85% 0.01 90);
  --color-primary: oklch(75% 0.15 180);
  --color-primary-content: oklch(15% 0.01 85);
  --color-secondary: oklch(75% 0.15 60);
  --color-secondary-content: oklch(15% 0.01 85);
  --color-accent: oklch(75% 0.15 180);
  --color-accent-content: oklch(15% 0.01 85);
  --color-neutral: oklch(0.25 0.03 163.49);
  --color-neutral-content: oklch(95% 0.01 85);
  --color-info: oklch(80% 0.15 240);
  --color-info-content: oklch(25% 0.06 240);
  --color-success: oklch(75% 0.15 180);
  --color-success-content: oklch(15% 0.01 85);
  --color-warning: oklch(75% 0.15 80);
  --color-warning-content: oklch(5% 0.1 80);
  --color-error: oklch(75% 0.15 25);
  --color-error-content: oklch(15% 0.01 85);
  --acme-shadow-color: oklch(0.57 0.13 211);
  --header-gradient: linear-gradient(
    65deg,
    oklch(0.49 0.12 220.35 / 0.7),
    oklch(0.4 0.14 154.88 / 0.8)
  );
  --logo-shadow-color: oklch(1% 0.01 85 / 0.5);
  --logo-text-color: oklch(100% 0 0);
}