/* TerminySlubow.pl — design tokens (gov.pl style)
   Loaded BEFORE main.css. Anything that references --color-* or --space-*
   lives here, so the visual identity can be swapped by replacing this file. */

:root {
  /* === BRAND COLOURS (gov.pl) === */
  --color-primary: #001D77;
  --color-primary-dark: #00134C;
  --color-primary-light: #1F4FAA;
  --color-accent-red: #d4202c;
  --color-accent-red-dark: #B01821;

  /* === TEXT === */
  --color-text-primary: #1B1B1B;
  --color-text-secondary: #4E4F50;
  --color-text-tertiary: #6B6F71;
  --color-text-on-primary: #FFFFFF;
  --color-text-link: #001D77;
  --color-text-link-visited: #4C2C92;

  /* === BACKGROUNDS === */
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F2F3F5;
  --color-bg-tertiary: #E8EBED;
  --color-bg-sidebar: #F8F9FA;
  --color-bg-hero: #FFFFFF;

  /* === BORDERS === */
  --color-border-subtle: #DCDEE0;
  --color-border-default: #BABBBC;
  --color-border-strong: #6B6F71;
  --color-border-focus: #001D77;

  /* === STATUS === */
  --color-success: #007A1F;
  --color-success-bg: #E5F4E8;
  --color-warning: #E07C00;
  --color-warning-bg: #FFF4E5;
  --color-danger: #d4202c;
  --color-danger-bg: #FBEAEB;
  --color-info: #1F4FAA;
  --color-info-bg: #E8EEF7;

  /* === SLOTS === */
  --slot-available: #007A1F;
  --slot-available-bg: #E5F4E8;
  --slot-limited: #E07C00;
  --slot-limited-bg: #FFF4E5;
  --slot-busy: #d4202c;
  --slot-busy-bg: #FBEAEB;
  --slot-unavailable: #BABBBC;
  --slot-unavailable-bg: #F2F3F5;

  /* === SHADOWS — minimal, gov.pl is flat === */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);

  /* === RADIUS — never bigger than 4px === */
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 4px;

  /* === SPACING (8 px grid) === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-8: 48px;
  --space-10: 64px;
  --space-12: 80px;

  /* === TYPOGRAPHY === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-serif: 'Source Serif Pro', Georgia, serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --text-xs: 0.75rem;     /* 12 px */
  --text-sm: 0.875rem;    /* 14 px */
  --text-base: 1rem;      /* 16 px */
  --text-lg: 1.125rem;    /* 18 px */
  --text-xl: 1.25rem;     /* 20 px */
  --text-2xl: 1.5rem;     /* 24 px */
  --text-3xl: 1.875rem;   /* 30 px */
  --text-4xl: 2.25rem;    /* 36 px */
  --text-5xl: 3rem;       /* 48 px — H1 hero only */

  /* === MISC === */
  --header-height: 72px;
  --sidebar-width: 280px;
  --container-max: 1200px;
  --focus-ring: 0 0 0 2px rgba(0, 29, 119, 0.25);
}

/* Tailwind CDN config helper: expose tokens as Tailwind colour names too,
   so existing utility classes (bg-primary, text-primary, …) keep working
   without rewrites. Done in JS in base.html. */