/* Legacy sRGB palette, converted from app/globals.css. Keep this file outside
   the CSS build pipeline so fallbacks are not rewritten to modern syntax.
   When the palette changes, update the shared light/dark palette here as well. */
@supports not (color: color-mix(in oklab, black, white)) {
  :root,
  .dark {
    --background: rgba(249, 246, 241, 1);
    --legacy-background-rgb: 249, 246, 241;
    --foreground: rgba(28, 31, 39, 1);
    --legacy-foreground-rgb: 28, 31, 39;
    --card: rgba(253, 252, 248, 1);
    --legacy-card-rgb: 253, 252, 248;
    --card-foreground: rgba(28, 31, 39, 1);
    --legacy-card-foreground-rgb: 28, 31, 39;
    --popover: rgba(253, 252, 248, 1);
    --legacy-popover-rgb: 253, 252, 248;
    --popover-foreground: rgba(28, 31, 39, 1);
    --legacy-popover-foreground-rgb: 28, 31, 39;
    --primary: rgba(17, 34, 72, 1);
    --legacy-primary-rgb: 17, 34, 72;
    --primary-foreground: rgba(250, 248, 244, 1);
    --legacy-primary-foreground-rgb: 250, 248, 244;
    --secondary: rgba(242, 238, 230, 1);
    --legacy-secondary-rgb: 242, 238, 230;
    --secondary-foreground: rgba(17, 34, 72, 1);
    --legacy-secondary-foreground-rgb: 17, 34, 72;
    --muted: rgba(243, 238, 230, 1);
    --legacy-muted-rgb: 243, 238, 230;
    --muted-foreground: rgba(79, 86, 97, 1);
    --legacy-muted-foreground-rgb: 79, 86, 97;
    --accent: rgba(199, 158, 77, 1);
    --legacy-accent-rgb: 199, 158, 77;
    --accent-foreground: rgba(19, 30, 55, 1);
    --legacy-accent-foreground-rgb: 19, 30, 55;
    --destructive: rgba(231, 0, 11, 1);
    --legacy-destructive-rgb: 231, 0, 11;
    --border: rgba(220, 215, 205, 1);
    --legacy-border-rgb: 220, 215, 205;
    --input: rgba(220, 215, 205, 1);
    --legacy-input-rgb: 220, 215, 205;
    --ring: rgba(199, 158, 77, 1);
    --legacy-ring-rgb: 199, 158, 77;
    --chart-1: rgba(199, 158, 77, 1);
    --legacy-chart-1-rgb: 199, 158, 77;
    --chart-2: rgba(17, 34, 72, 1);
    --legacy-chart-2-rgb: 17, 34, 72;
    --chart-3: rgba(115, 115, 115, 1);
    --legacy-chart-3-rgb: 115, 115, 115;
    --chart-4: rgba(64, 64, 64, 1);
    --legacy-chart-4-rgb: 64, 64, 64;
    --chart-5: rgba(38, 38, 38, 1);
    --legacy-chart-5-rgb: 38, 38, 38;
    --sidebar: rgba(253, 252, 248, 1);
    --legacy-sidebar-rgb: 253, 252, 248;
    --sidebar-foreground: rgba(28, 31, 39, 1);
    --legacy-sidebar-foreground-rgb: 28, 31, 39;
    --sidebar-primary: rgba(17, 34, 72, 1);
    --legacy-sidebar-primary-rgb: 17, 34, 72;
    --sidebar-primary-foreground: rgba(250, 248, 244, 1);
    --legacy-sidebar-primary-foreground-rgb: 250, 248, 244;
    --sidebar-accent: rgba(242, 238, 230, 1);
    --legacy-sidebar-accent-rgb: 242, 238, 230;
    --sidebar-accent-foreground: rgba(17, 34, 72, 1);
    --legacy-sidebar-accent-foreground-rgb: 17, 34, 72;
    --sidebar-border: rgba(220, 215, 205, 1);
    --legacy-sidebar-border-rgb: 220, 215, 205;
    --sidebar-ring: rgba(199, 158, 77, 1);
    --legacy-sidebar-ring-rgb: 199, 158, 77;
    --legacy-primary-hover: rgb(46, 61, 94);
    --legacy-accent-hover: rgb(206, 170, 98);
    --legacy-option-hover: rgb(244, 237, 221);
    --legacy-week-cell: rgb(249, 246, 241);
  }
  html, body { background-color: var(--background); color: var(--foreground); }
  .text-primary\/70 { color: rgba(var(--legacy-primary-rgb), 0.7); }
  .bg-background\/95 { background-color: rgba(var(--legacy-background-rgb), 0.95); }
  .text-foreground\/70 { color: rgba(var(--legacy-foreground-rgb), 0.7); }
  .border-primary-foreground\/10 { border-color: rgba(var(--legacy-primary-foreground-rgb), 0.1); }
  .border-accent { border-color: var(--accent); }
  .text-primary-foreground\/70 { color: rgba(var(--legacy-primary-foreground-rgb), 0.7); }
  .border-border { border-color: var(--border); }
  .text-destructive { color: var(--destructive); }
  .bg-accent { background-color: var(--accent); }
  .border-primary-foreground\/15 { border-color: rgba(var(--legacy-primary-foreground-rgb), 0.15); }
  .text-foreground { color: var(--foreground); }
  .text-primary { color: var(--primary); }
  .bg-background { background-color: var(--background); }
  .bg-card { background-color: var(--card); }
  .border-border\/70 { border-color: rgba(var(--legacy-border-rgb), 0.7); }
  .text-foreground\/80 { color: rgba(var(--legacy-foreground-rgb), 0.8); }
  .bg-primary { background-color: var(--primary); }
  .border-border\/60 { border-color: rgba(var(--legacy-border-rgb), 0.6); }
  .bg-secondary { background-color: var(--secondary); }
  .border-primary\/40 { border-color: rgba(var(--legacy-primary-rgb), 0.4); }
  .text-primary\/80 { color: rgba(var(--legacy-primary-rgb), 0.8); }
  .bg-primary-foreground\/5 { background-color: rgba(var(--legacy-primary-foreground-rgb), 0.05); }
  .text-primary-foreground\/50 { color: rgba(var(--legacy-primary-foreground-rgb), 0.5); }
  .text-muted-foreground { color: var(--muted-foreground); }
  .text-primary-foreground\/80 { color: rgba(var(--legacy-primary-foreground-rgb), 0.8); }
  .text-primary-foreground { color: var(--primary-foreground); }
  .text-accent { color: var(--accent); }
  .hover\:text-primary:hover { color: var(--primary); }
  .hover\:text-primary-foreground:hover { color: var(--primary-foreground); }
  .hover\:text-accent:hover { color: var(--accent); }
  .hover\:bg-secondary:hover { background-color: var(--secondary); }
  .hover\:text-foreground:hover { color: var(--foreground); }

  :is(.booking button, [data-slot="button"]):is(.submit, .button-primary, [aria-pressed="true"]) {
    --button-hover-bg: var(--legacy-primary-hover);
  }
  [data-slot="button"].button-accent { --button-hover-bg: var(--legacy-accent-hover); }
  [data-slot="button"].button-inverse {
    --button-border: rgba(var(--legacy-primary-foreground-rgb), .35);
    --button-hover-bg: rgba(var(--legacy-primary-foreground-rgb), .12);
    --button-hover-border: rgba(var(--legacy-primary-foreground-rgb), .55);
  }
  :is(.booking .option-card, .booking .slot-grid button, .admin-panel .admin-calendar button, .admin-panel nav[aria-label="Administracija"] button):not([aria-pressed="true"]) {
    --button-hover-bg: var(--legacy-option-hover);
  }
  .admin-panel nav[aria-label="Administracija"] button[aria-pressed="true"] { box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
  .admin-panel .admin-card:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, .07); }
  .week-cell { border-top-color: rgba(var(--legacy-border-rgb), .45); background: var(--legacy-week-cell); }
  .week-working { background: var(--card); }
  .week-hour { border-top-color: var(--border); }
  .week-blocked, .week-buffer { background: repeating-linear-gradient(135deg, var(--secondary), var(--secondary) 4px, var(--card) 4px, var(--card) 8px); }
  .booking .week-free { border-color: rgba(var(--legacy-primary-rgb), .18); }
  .week-dialog::backdrop { background: rgba(0, 0, 0, .45); }
}
