/* Södra Vi IF tokens — Tavlan vid Ulfveskog */
:root {
  color-scheme: light;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Atkinson Hyperlegible", Verdana, Geneva, sans-serif;
  --color-ink: #102033;
  --color-ink-soft: #31465f;
  --color-white: #ffffff;
  --color-paper: #fbf7ef;
  --color-paper-deep: #efe4d2;
  --color-blue-900: #06275f;
  --color-blue-800: #073d8f;
  --color-blue-700: #0b56b3;
  --color-blue-100: #dfeeff;
  --color-sky-200: #bfe5f4;
  --color-track-red: #b4382f;
  --color-track-red-dark: #84241f;
  --color-grass: #2f6b43;
  --color-gold: #c99a2e;
  --color-line: #d6c8b5;
  --color-success: #1f6b45;
  --color-warning: #8a5b00;
  --color-danger: #9b1f1f;

  --bg-default: var(--color-paper);
  --bg-subtle: var(--color-paper-deep);
  --bg-brand: var(--color-blue-900);
  --surface-raised: var(--color-white);
  --surface-muted: var(--color-paper-deep);
  --surface-track: var(--color-track-red-dark);
  --text-primary: var(--color-ink);
  --text-secondary: var(--color-ink-soft);
  --text-brand: var(--color-blue-800);
  --text-inverse: var(--color-white);
  --link: var(--color-blue-800);
  --border-default: var(--color-line);
  --focus-ring: var(--color-gold);

  --button-primary-bg: var(--color-blue-800);
  --button-primary-text: var(--color-white);
  --button-secondary-bg: var(--color-white);
  --button-secondary-text: var(--color-blue-900);
  --card-bg: var(--color-white);
  --card-border: var(--color-line);
  --badge-bg: var(--color-blue-100);
  --badge-text: var(--color-blue-900);
  --notice-bg: var(--color-paper-deep);
  --notice-rule: var(--color-track-red-dark);
  --admin-bg: var(--color-white);
  --admin-border: var(--color-line);

  --space-2xs: .25rem;
  --space-xs: .5rem;
  --space-sm: .75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 6rem;
  --radius-xs: .25rem;
  --radius-sm: .5rem;
  --radius-md: .875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --radius-pill: 999px;
  --shadow-line: 0 1px 0 rgba(16, 32, 51, .12);
  --shadow-card: 0 14px 34px rgba(16, 32, 51, .12);
  --shadow-lift: 0 22px 55px rgba(6, 39, 95, .18);
  --measure-body: 66ch;
  --measure-tight: 44ch;
  --container: 1180px;
  --container-wide: 1360px;
  --step--1: clamp(.875rem, .83rem + .2vw, .98rem);
  --step-0: clamp(1rem, .96rem + .25vw, 1.125rem);
  --step-1: clamp(1.18rem, 1.08rem + .55vw, 1.5rem);
  --step-2: clamp(1.55rem, 1.34rem + 1vw, 2.1rem);
  --step-3: clamp(2.1rem, 1.66rem + 2.2vw, 3.4rem);
  --step-4: clamp(3rem, 2.2rem + 4vw, 5.8rem);
  --duration-quick: 140ms;
  --duration-base: 240ms;
  --duration-slow: 520ms;
  --ease-standard: cubic-bezier(.2,.8,.2,1);
  --ease-settle: cubic-bezier(.16,1,.3,1);
  --motion-lift: -.125rem;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg-default: var(--color-blue-900);
  --bg-subtle: var(--color-blue-800);
  --surface-raised: var(--color-ink);
  --surface-muted: var(--color-blue-900);
  --text-primary: var(--color-white);
  --text-secondary: var(--color-blue-100);
  --text-brand: var(--color-sky-200);
  --link: var(--color-sky-200);
}