/* Shared palette for the application and Django admin. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');
:root {
  color-scheme: light;
  --ui-font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ui-page: #f6f7f9;
  --ui-surface: #ffffff;
  --ui-muted-surface: #f2f4f7;
  --ui-text: #000000;
  --ui-muted: #000000;
  --ui-border: #e3e7ed;
  --ui-gold: #c48a00;
  --ui-gold-hover: #a77200;
  --ui-gold-text: #805b10;
  --ui-gold-soft: #f8f1df;
  --ui-on-gold: #000000;
  --ui-success: #15803d;
  --ui-danger: #bc3030;
  --ui-warning: #99630e;
  --ui-shadow: 0 4px 20px rgba(25, 35, 53, .04);
  --ui-shadow-raised: 0 12px 30px rgba(25, 35, 53, .08);
  --ui-radius: 14px;
  --bg-primary: var(--ui-surface);
  --bg-secondary: var(--ui-page);
  --bg-surface: var(--ui-muted-surface);
  --border-color: var(--ui-border);
  --text-primary: var(--ui-text);
  --text-secondary: var(--ui-muted);
  --accent: var(--ui-gold);
  --accent-hover: var(--ui-gold-hover);
  --accent-rgb: 196, 138, 0;
  --accent-light: var(--ui-gold-soft);
  --success: var(--ui-success);
  --danger: var(--ui-danger);
  --warning: var(--ui-warning);
  --shadow: var(--ui-shadow);
  --shadow-sm: var(--ui-shadow);
  --shadow-md: var(--ui-shadow-raised);
  --radius-full: 999px;
  --transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  --select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23617086' d='M7 10l5 5l5-5'/%3E%3C/svg%3E");
}
html[data-theme="dark"] {
  color-scheme: dark;
  --ui-page: #101720;
  --ui-surface: #192330;
  --ui-muted-surface: #212d3c;
  --ui-text: #ffffff;
  --ui-muted: #ffffff;
  --ui-border: #354253;
  --ui-gold: #e1bd6c;
  --ui-gold-hover: #efd295;
  --ui-gold-text: #e1bd6c;
  --ui-gold-soft: #352f23;
  --ui-success: #74d39a;
  --ui-danger: #f29a9a;
  --ui-warning: #e8bf6a;
  --ui-shadow: 0 4px 20px rgba(0, 0, 0, .12);
  --ui-shadow-raised: 0 12px 30px rgba(0, 0, 0, .2);
  --accent-rgb: 225, 189, 108;
  --select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23adbacb' d='M7 10l5 5l5-5'/%3E%3C/svg%3E");
}
.ui-theme-switch { display: inline-flex; align-items: center; gap: 3px; padding: 3px; border: 1px solid var(--ui-border); border-radius: 999px; background: var(--ui-muted-surface); }
.ui-theme-switch button { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 7px; border: 0; border-radius: 50%; color: var(--ui-muted); background: transparent; cursor: pointer; }
.ui-theme-switch button[aria-pressed="true"] { background: var(--ui-gold); color: var(--ui-on-gold); }
.ui-theme-switch button:hover { box-shadow: inset 0 0 0 1px var(--ui-gold); }
.ui-theme-switch button:focus-visible { outline: 2px solid var(--ui-gold-text); outline-offset: 3px; }
.ui-theme-switch svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }