/*
  Shelter Theme — CSS Custom Properties
  Generated from shelter-theme.js to avoid inline <style> injection.
  Load via <link rel="stylesheet" href="theme.css">.
*/

:root {
  --color-primary: 90 51 19;
  --color-primary-container: 217 150 26;
  --color-on-primary: 255 255 255;
  --color-on-primary-container: 62 36 19;
  --color-on-primary-fixed: 43 25 8;
  --color-on-primary-fixed-variant: 90 51 19;
  --color-primary-fixed: 247 231 191;
  --color-primary-fixed-dim: 232 197 109;
  --color-inverse-primary: 217 150 26;

  --color-secondary: 122 83 50;
  --color-secondary-container: 240 222 199;
  --color-on-secondary: 255 255 255;
  --color-on-secondary-container: 90 51 19;
  --color-on-secondary-fixed: 43 25 8;
  --color-on-secondary-fixed-variant: 122 83 50;
  --color-secondary-fixed: 244 231 216;
  --color-secondary-fixed-dim: 218 183 141;

  --color-tertiary: 84 122 168;
  --color-tertiary-container: 111 149 198;
  --color-on-tertiary: 255 255 255;
  --color-on-tertiary-container: 31 53 80;
  --color-on-tertiary-fixed: 20 37 58;
  --color-on-tertiary-fixed-variant: 84 122 168;
  --color-tertiary-fixed: 220 232 245;
  --color-tertiary-fixed-dim: 168 192 222;

  --color-neutral: 31 37 48;
  --color-on-neutral: 255 255 255;

  --color-surface: 251 248 243;
  --color-surface-dim: 231 224 215;
  --color-surface-bright: 255 255 255;
  --color-surface-container-lowest: 255 255 255;
  --color-surface-container-low: 242 245 250;
  --color-surface-container: 238 242 247;
  --color-surface-container-high: 230 236 244;
  --color-surface-container-highest: 220 232 245;
  --color-surface-variant: 245 239 231;
  --color-on-surface: 31 37 48;
  --color-on-surface-variant: 86 97 116;
  --color-surface-tint: 217 150 26;

  --color-inverse-surface: 27 34 48;
  --color-inverse-on-surface: 245 247 251;

  --color-background: 251 248 243;
  --color-background-left: 27 34 48;
  --color-on-background: 31 37 48;

  --color-outline: 207 196 181;
  --color-outline-variant: 226 217 204;

  --color-success: 46 125 91;
  --color-success-container: 217 239 227;
  --color-on-success: 255 255 255;
  --color-on-success-container: 27 67 50;

  --color-sidebar: 27 34 48;
  --color-sidebar-hover: 37 45 61;
  --color-sidebar-muted: 148 160 179;
  --color-sidebar-subtle: 114 128 150;

  --color-error: 186 26 26;
  --color-error-container: 255 218 214;
  --color-on-error: 255 255 255;
  --color-on-error-container: 147 0 10;

  --font-family-base: 'Plus Jakarta Sans', sans-serif;
  --shadow-ambient: 0 20px 40px rgba(31, 37, 48, 0.08);
  --shadow-glass-border: 0 0 0 1px rgba(226, 217, 204, 0.35);
  --radius-default: 1rem;
  --radius-large: 2rem;
  --radius-xlarge: 3rem;
  --radius-full: 9999px;
  --backdrop-blur-glass: 12px;
  --line-height-editorial: 1.6;

  /* Legacy convenience aliases */
  --primary-color: rgb(var(--color-primary-container));
  --primary-dark: rgb(var(--color-primary));
  --accent-color: rgb(var(--color-tertiary-container));
  --background: rgb(var(--color-background));
  --card-bg: rgb(var(--color-surface-container-lowest));
  --text-primary: rgb(var(--color-on-surface));
  --text-secondary: rgb(var(--color-on-surface-variant));
  --border-color: rgb(var(--color-outline-variant));
  --shadow: var(--shadow-ambient);
}