/* Аренда в Барселоне — dark theme: token overrides only, loaded after app.css.
   base.html sets this link's media from the «theme» cookie (web/context_processors.py):
   "(prefers-color-scheme: dark)" follows the system, "all" forces dark, "not all" forces light;
   the switcher in the header flips the same attribute (static/web/app.js). */

:root {
  color-scheme: dark;
  --background: oklch(0.141 0.005 285.823);
  --foreground: oklch(0.985 0 0);
  --card: oklch(0.21 0.006 285.885);
  --card-foreground: oklch(0.985 0 0);
  --primary: oklch(0.443 0.11 240.79);           /* sky-800 */
  --primary-foreground: oklch(0.977 0.013 236.62);
  --secondary: oklch(0.274 0.006 286.033);
  --secondary-foreground: oklch(0.985 0 0);
  --muted: oklch(0.274 0.006 286.033);
  --muted-foreground: oklch(0.705 0.015 286.067);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.552 0.016 285.938);
  --success: oklch(0.765 0.177 163.223);
  --success-fill: oklch(0.432 0.095 166.913);        /* emerald-800, like the sky-800 primary */
  --success-fill-foreground: oklch(0.979 0.021 166.113);
  --warning: oklch(0.828 0.189 84.429);
  --link: oklch(0.746 0.16 232.661);             /* sky-400: sky-800 text is unreadable on near-black */
  --control-border: oklch(0.552 0.016 285.938);
  --destructive-text: var(--destructive);
  --destructive-text-hover: oklch(0.808 0.114 19.571);

  --canvas: var(--background);
  --surface-ring: color-mix(in oklab, var(--foreground) 10%, transparent);
  --invalid-ring: color-mix(in oklab, var(--destructive) 40%, transparent);
  --invalid-border: color-mix(in oklab, var(--destructive) 50%, transparent);
  --outline-bg: transparent;
  --outline-bg-hover: color-mix(in oklab, var(--input) 30%, transparent);
  --ghost-bg-hover: color-mix(in oklab, var(--muted) 50%, transparent);
  --destructive-soft: color-mix(in oklab, var(--destructive) 20%, transparent);
  --destructive-soft-hover: color-mix(in oklab, var(--destructive) 30%, transparent);
  --pressed-bg: color-mix(in oklab, var(--link) 16%, transparent);
  --tabs-bg: var(--muted);
  --tabs-active-bg: color-mix(in oklab, var(--foreground) 9%, var(--muted));
  --tab-fg: var(--muted-foreground);
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239f9fa9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  --show-on-light: none;
  --show-on-dark: block;
}