/*
 * Per-site theme — site code `main`, brand **Servoprax** (main shop).
 *
 * The site code is generic, the brand is not: in this tenant `main` is the
 * Servoprax storefront (`GET /api/site` → `{ code: 'main', name: 'Servoprax' }`).
 * If the site is ever renamed in Emporix, rename this file and its `THEME_MAP`
 * key together.
 *
 * Source of truth: the servoprax brand kit, translated for screen use in
 * `concept-and-requirements/wiki/konzepte/digitales-corporate-design.md`
 * (brand red #DA2033, hover #B01A29, orange #E69B36, black #1D1D1B).
 * Requirements: docs/prd/markenfarben-pro-site.md (A1, A3, A9).
 *
 * Rules for this file (docs/theme-customization.md):
 *  - overrides EXISTING token names only — a new token starts in the shared layers
 *  - values are literals, so the shared layers stay brand-neutral and a third
 *    site inherits nothing from this brand
 *  - no reference to another site's tokens
 *
 */

:root {
  /* Brand red ramp. Contrast against white: 500 = 4.96:1, 600 = 5.86:1, 700 = 6.94:1. */
  --color-primary-50: oklch(0.97 0.012 23.5); /* #FDF2F1 */
  --color-primary-100: oklch(0.94 0.028 23.5); /* #FEE4E2 */
  --color-primary-500: oklch(0.5714 0.2155 23.49); /* #DA2033 brand red */
  --color-primary-600: oklch(0.53 0.199 23.36); /* #C51D2E */
  --color-primary-700: oklch(0.4886 0.1822 23.23); /* #B01A29 hover */

  /* Light brand tint for `surface-secondary` (dark text on it: 14.0:1). */
  --color-secondary-500: oklch(0.94 0.028 23.5); /* #FEE4E2 */

  /* Gradients would otherwise stay blue/teal from the shared palette. */
  --color-gradient-primary-start: oklch(0.5714 0.2155 23.49); /* #DA2033 */
  --color-gradient-primary-end: oklch(0.4886 0.1822 23.23); /* #B01A29 */
  --color-gradient-secondary-start: oklch(0.5714 0.2155 23.49); /* #DA2033 */
  --color-gradient-secondary-end: oklch(0.4886 0.1822 23.23); /* #B01A29 */
}