/* Appica UI design tokens — extrahiert aus appica-dev/appica-ui (MIT),
 * packages/react/styles.css. Ohne Tailwind-Layer, nur die CSS-Variablen.
 * Nichts hier überschreiben — App-Styles leben in styles.css. */

:root,
.light {
  --foreground: oklch(0.446 0.03 256.802);
  --foreground-subtle: oklch(0.707 0.022 261.325);
  --foreground-muted: oklch(0.551 0.027 264.364);
  --foreground-strong: oklch(0.373 0.034 259.733);
  --foreground-emphasis: oklch(0.278 0.033 256.848);
  --foreground-intense: oklch(0.21 0.034 264.665);
  --foreground-inverse: oklch(1 0 0);

  --background: oklch(1 0 0);
  --background-subtle: oklch(0.985 0.002 247.839);
  --background-muted: oklch(0.967 0.003 264.542);
  --background-strong: oklch(0.928 0.006 264.531);
  --background-inverse: oklch(0.13 0.028 261.692);

  --border: oklch(0.928 0.006 264.531);
  --border-muted: oklch(0.967 0.003 264.542);
  --border-strong: oklch(0.872 0.01 258.338);
  --border-emphasis: oklch(0.707 0.022 261.325);
  --border-intense: oklch(0.551 0.027 264.364);
  --border-inverse: oklch(0.278 0.033 256.848);
  --border-overlay: oklch(0.967 0.003 264.542);

  --primary: oklch(0.21 0.034 264.665);
  --primary-subtle: oklch(0.967 0.003 264.542);
  --primary-soft: oklch(0.928 0.006 264.531);
  --primary-muted: oklch(0.373 0.034 259.733);
  --primary-strong: oklch(0.13 0.028 261.692);
  --primary-foreground: oklch(1 0 0);

  --secondary: oklch(0.809 0.105 251.813);
  --secondary-subtle: oklch(0.623 0.214 259.815 / 10%);
  --secondary-soft: oklch(0.623 0.214 259.815 / 20%);
  --secondary-muted: oklch(0.882 0.059 254.128);
  --secondary-strong: oklch(0.707 0.165 254.624);
  --secondary-emphasis: oklch(0.623 0.214 259.815);
  --secondary-intense: oklch(0.546 0.245 262.881);
  --secondary-foreground: oklch(0.13 0.028 261.692);

  --error: oklch(0.808 0.114 19.571);
  --error-subtle: oklch(0.637 0.237 25.331 / 10%);
  --error-soft: oklch(0.637 0.237 25.331 / 20%);
  --error-muted: oklch(0.885 0.062 18.334);
  --error-strong: oklch(0.704 0.191 22.216);
  --error-emphasis: oklch(0.637 0.237 25.331);
  --error-intense: oklch(0.577 0.245 27.325);
  --error-foreground: oklch(0.13 0.028 261.692);

  --success: oklch(0.845 0.143 164.978);
  --success-subtle: oklch(0.696 0.17 162.48 / 10%);
  --success-soft: oklch(0.696 0.17 162.48 / 20%);
  --success-muted: oklch(0.905 0.093 164.15);
  --success-strong: oklch(0.765 0.177 163.223);
  --success-emphasis: oklch(0.696 0.17 162.48);
  --success-intense: oklch(0.596 0.145 163.225);
  --success-foreground: oklch(0.13 0.028 261.692);

  --warning: oklch(0.837 0.128 66.29);
  --warning-subtle: oklch(0.705 0.213 47.604 / 10%);
  --warning-soft: oklch(0.705 0.213 47.604 / 20%);
  --warning-muted: oklch(0.901 0.076 70.697);
  --warning-strong: oklch(0.75 0.183 55.934);
  --warning-emphasis: oklch(0.705 0.213 47.604);
  --warning-intense: oklch(0.646 0.222 41.116);
  --warning-foreground: oklch(0.13 0.028 261.692);

  --info: oklch(0.828 0.111 230.318);
  --info-subtle: oklch(0.685 0.169 237.323 / 10%);
  --info-soft: oklch(0.685 0.169 237.323 / 20%);
  --info-muted: oklch(0.901 0.058 230.902);
  --info-strong: oklch(0.746 0.16 232.661);
  --info-emphasis: oklch(0.685 0.169 237.323);
  --info-intense: oklch(0.588 0.158 241.966);
  --info-foreground: oklch(0.13 0.028 261.692);

  --font-sans:
    ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --focus-ring: oklch(0.872 0.01 258.338);
  --focus-ring-input: oklch(0.928 0.006 264.531);
  --focus-ring-primary: oklch(0.872 0.01 258.338);
  --focus-ring-secondary: oklch(0.623 0.214 259.815 / 30%);
  --focus-ring-error: oklch(0.637 0.237 25.331 / 30%);
  --focus-ring-success: oklch(0.696 0.17 162.48 / 30%);
  --focus-ring-warning: oklch(0.705 0.213 47.604 / 30%);
  --focus-ring-info: oklch(0.685 0.169 237.323 / 30%);

  --border-width: 1px;

  --radius: 0.875rem;
  --radius-4xs: calc(var(--radius) * 2 / 7);
  --radius-3xs: calc(var(--radius) * 3 / 7);
  --radius-2xs: calc(var(--radius) * 4 / 7);
  --radius-xs: calc(var(--radius) * 5 / 7);
  --radius-sm: calc(var(--radius) * 6 / 7);
  --radius-md: var(--radius);
  --radius-lg: calc(var(--radius) * 8 / 7);
  --radius-xl: calc(var(--radius) * 9 / 7);
  --radius-2xl: calc(var(--radius) * 12 / 7);
  --radius-3xl: calc(var(--radius) * 16 / 7);

  --shadow-color: oklch(0.551 0.027 264.364 / 18%);
  --selection-color: oklch(0.13 0.028 261.692 / 10%);
  --opacity-disabled: 0.65;

  /* App-Aliase */
  --accent: var(--secondary-emphasis);
  --accent-soft: var(--secondary-soft);
  --glass: oklch(1 0 0 / 72%);
  --dot: oklch(0.551 0.027 264.364 / 22%);
}

.dark {
  --foreground: oklch(0.872 0.01 258.338);
  --foreground-subtle: oklch(0.551 0.027 264.364);
  --foreground-muted: oklch(0.707 0.022 261.325);
  --foreground-strong: oklch(0.928 0.006 264.531);
  --foreground-emphasis: oklch(0.967 0.003 264.542);
  --foreground-intense: oklch(1 0 0);
  --foreground-inverse: oklch(0.21 0.034 264.665);

  --background: oklch(0.13 0.028 261.692);
  --background-subtle: oklch(0.551 0.027 264.364 / 8%);
  --background-muted: oklch(0.21 0.034 264.665);
  --background-strong: oklch(0.278 0.033 256.848);
  --background-inverse: oklch(1 0 0);

  --border: oklch(0.278 0.033 256.848);
  --border-muted: oklch(0.21 0.034 264.665);
  --border-strong: oklch(0.373 0.034 259.733);
  --border-emphasis: oklch(0.446 0.03 256.802);
  --border-intense: oklch(0.551 0.027 264.364);
  --border-inverse: oklch(0.928 0.006 264.531);
  --border-overlay: oklch(0.278 0.033 256.848);

  --primary: oklch(1 0 0);
  --primary-subtle: oklch(0.21 0.034 264.665);
  --primary-soft: oklch(0.278 0.033 256.848);
  --primary-muted: oklch(0.928 0.006 264.531);
  --primary-strong: oklch(1 0 0);
  --primary-foreground: oklch(0.21 0.034 264.665);

  --secondary: oklch(0.707 0.165 254.624);
  --secondary-subtle: oklch(0.623 0.214 259.815 / 10%);
  --secondary-soft: oklch(0.623 0.214 259.815 / 20%);
  --secondary-muted: oklch(0.809 0.105 251.813);
  --secondary-strong: oklch(0.707 0.165 254.624);
  --secondary-emphasis: oklch(0.623 0.214 259.815);
  --secondary-intense: oklch(0.546 0.245 262.881);
  --secondary-foreground: oklch(0.13 0.028 261.692);

  --error: oklch(0.704 0.191 22.216);
  --error-subtle: oklch(0.637 0.237 25.331 / 10%);
  --error-soft: oklch(0.637 0.237 25.331 / 20%);
  --error-muted: oklch(0.808 0.114 19.571);
  --error-strong: oklch(0.704 0.191 22.216);
  --error-emphasis: oklch(0.637 0.237 25.331);
  --error-intense: oklch(0.577 0.245 27.325);
  --error-foreground: oklch(0.13 0.028 261.692);

  --success: oklch(0.765 0.177 163.223);
  --success-subtle: oklch(0.696 0.17 162.48 / 10%);
  --success-soft: oklch(0.696 0.17 162.48 / 20%);
  --success-muted: oklch(0.845 0.143 164.978);
  --success-strong: oklch(0.765 0.177 163.223);
  --success-emphasis: oklch(0.696 0.17 162.48);
  --success-intense: oklch(0.596 0.145 163.225);
  --success-foreground: oklch(0.13 0.028 261.692);

  --warning: oklch(0.75 0.183 55.934);
  --warning-subtle: oklch(0.705 0.213 47.604 / 10%);
  --warning-soft: oklch(0.705 0.213 47.604 / 20%);
  --warning-muted: oklch(0.837 0.128 66.29);
  --warning-strong: oklch(0.75 0.183 55.934);
  --warning-emphasis: oklch(0.705 0.213 47.604);
  --warning-intense: oklch(0.646 0.222 41.116);
  --warning-foreground: oklch(0.13 0.028 261.692);

  --info: oklch(0.746 0.16 232.661);
  --info-subtle: oklch(0.685 0.169 237.323 / 10%);
  --info-soft: oklch(0.685 0.169 237.323 / 20%);
  --info-muted: oklch(0.828 0.111 230.318);
  --info-strong: oklch(0.746 0.16 232.661);
  --info-emphasis: oklch(0.685 0.169 237.323);
  --info-intense: oklch(0.588 0.158 241.966);
  --info-foreground: oklch(0.13 0.028 261.692);

  --focus-ring: oklch(0.373 0.034 259.733);
  --focus-ring-input: oklch(0.278 0.033 256.848);
  --focus-ring-primary: oklch(0.373 0.034 259.733);
  --focus-ring-secondary: oklch(0.623 0.214 259.815 / 50%);
  --focus-ring-error: oklch(0.637 0.237 25.331 / 50%);
  --focus-ring-success: oklch(0.696 0.17 162.48 / 50%);
  --focus-ring-warning: oklch(0.705 0.213 47.604 / 50%);
  --focus-ring-info: oklch(0.685 0.169 237.323 / 50%);

  --shadow-color: oklch(0 0 0 / 30%);
  --selection-color: oklch(1 0 0 / 15%);

  --glass: oklch(0.21 0.034 264.665 / 62%);
  --dot: oklch(0.707 0.022 261.325 / 16%);
}