/* CONEK design tokens — vendored from @a-safe-digital/conek-ui
 * (app/assets/builds/conek_ui.css, semantic palette block, shadcn-style HSL
 * triplets originally from @a-safe-digital/tailwind-config).
 *
 * Re-vendor this block when conek-rails bumps the conek_ui gem version so the
 * archive tracks the product's palette. Values must stay verbatim.
 */
:root {
  --background: 220 27% 98%;
  --foreground: 0 0% 13%;
  --foreground-medium: 222 18% 38%;
  --foreground-light: 222 10% 75%;
  --foreground-pale: 0 0% 70%;

  --accent: 216 12% 89%;
  --accent-foreground: 222.2 0% 50%;

  --card: 0 0% 100%;
  --card-secondary: 210 20% 98%;
  --card-foreground: 222.2 47.4% 11.2%;

  --border: 0 0% 95%;

  --form: 220 20% 91%;

  --destructive: 0 100% 50%;
  --destructive-foreground: 210 40% 98%;

  --primary: 183 55% 50%;
  --primary-50: 180 54% 95%;
  --primary-100: 184 57% 90%;
  --primary-200: 183 55% 80%;
  --primary-300: 184 56% 70%;
  --primary-400: 183 55% 60%;
  --primary-500: 183 55% 50%;
  --primary-600: 183 55% 40%;
  --primary-700: 183 82% 34%;
  --primary-800: 184 56% 30%;
  --primary-900: 183 55% 20%;
  --primary-950: 183 35% 20%;
  --primary-foreground: 0 0% 100%;

  --secondary: 220 9% 46%;
  --secondary-600: 221 9% 36%;
  --secondary-700: 220 9% 26%;
  --secondary-foreground: 0 0% 100%;

  --tertiary: 183 100% 30%;
  --tertiary-foreground: 0 0% 100%;

  --danger: 0 80% 60%;
  --danger-600: 0 76% 36%;
  --danger-700: 0 90% 23%;

  --input: 225 18% 91%;
  --success: 122 39% 49%;
  --warning: 37 95% 56%;
  --info: 216 100% 50%;

  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 3.9%;
  --muted: 0 0% 96.1%;
  --muted-foreground: 0 0% 45.1%;
  --ring: 0 0% 3.9%;
  --radius: 0.5rem;
  --focus: 183 55% 50%;
}

/* Inter, self-hosted (CONEK's --font-sans lists Inter first) */
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('fonts/inter-400.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('fonts/inter-500.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('fonts/inter-600.woff2') format('woff2'); }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/inter-700.woff2') format('woff2'); }