/*
 * AUTOGENERATED — DO NOT EDIT BY HAND.
 * Regenerate with `npm run generate:skin` from the theme directory.
 *
 * Source: design-tokens/schema.yml
 * Schema version: 2 (frozen=true)
 * Tokens emitted: 425
 * Thematic shades auto-computed at generation time: 0
 *
 * Thematic shade derivation (HSL deltas, applied to slot `--base`,
 * pinned by schema.yml §6 `hsl_shifts`):
 *   pale:    l +35%, s -15%
 *   light:   l +25%, s -10%
 *   soft:    l +15%, s -5%
 *   rich:    l -10%, s +5%
 *   dark:    l -20%, s +5%
 *   deep:    l -30%, s +5%
 *   deepest: l -40%, s +5%
 *
 * Clamps: lightness ∈ [0,100], saturation ∈ [0,100].
 * Transparent base → all derived shades emit `transparent` (no HSL math).
 * Manual shade override on a slot skips the corresponding computation.
 *
 * Sort order: category (schema order) → slot index (numeric, where applicable)
 *   → sub-property (schema order). Non-slot categories sort alphabetically
 *   by var name.
 */

:root {
  /* === typography === */
  --font-family-base: Figtree, sans-serif;
  --font-family-heading: Oswald, sans-serif;
  --font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --fs-body: 1rem;
  --fs-h1: 2.25rem;
  --fs-h2: 1.875rem;
  --fs-h3: 1.5rem;
  --fs-h4: 1.25rem;
  --fs-h5: 1.125rem;
  --fs-h6: 1rem;
  --fs-small: 0.875rem;
  --fw-bold: 700;
  --fw-medium: 500;
  --fw-regular: 400;
  --fw-semibold: 600;
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;
  --lh-tight: 1.25;

  /* === spacing & layout === */
  --gap-2xl: 4rem;
  --gap-lg: 1.5rem;
  --gap-md: 1rem;
  --gap-sm: 0.5rem;
  --gap-xl: 2.5rem;
  --gap-xs: 0.25rem;
  --radius-full: 9999px;
  --radius-lg: 1rem;
  --radius-md: 0.5rem;
  --radius-sm: 0.25rem;

  /* === core colors (L1) === */
  --color-primary: #2DD4BF;
  --color-primary-light: #5EEAD4;
  --color-primary-strong: #14B8A6;
  --color-secondary: #4A2441;
  --color-secondary-light: #E0115F;
  --color-secondary-strong: #3A1C33;

  /* === core surfaces (L2) === */
  --surface-primary: linear-gradient(to bottom right, #5FE7AD 0%, #11A8C1 100%);
  --surface-primary-transparency: 1;
  --surface-primary-scrim-color: #ffffff;
  --surface-primary-scrim-transparency: 0;
  --surface-primary-scrim-shape: uniform;
  --surface-primary-light: #CFFAF1;
  --surface-primary-light-transparency: 1;
  --surface-primary-light-scrim-color: #ffffff;
  --surface-primary-light-scrim-transparency: 0;
  --surface-primary-light-scrim-shape: uniform;
  --surface-primary-strong: #14B8A6;
  --surface-primary-strong-transparency: 1;
  --surface-primary-strong-scrim-color: #ffffff;
  --surface-primary-strong-scrim-transparency: 0;
  --surface-primary-strong-scrim-shape: uniform;
  --surface-second: linear-gradient(to bottom right, #D971AF 0%, #C0BC1A 100%);
  --surface-second-transparency: 1;
  --surface-second-scrim-color: #ffffff;
  --surface-second-scrim-transparency: 0;
  --surface-second-scrim-shape: uniform;
  --surface-third: linear-gradient(to bottom right, #5DE6E9 0%, #0046AC 100%);
  --surface-third-transparency: 1;
  --surface-third-scrim-color: #ffffff;
  --surface-third-scrim-transparency: 0;
  --surface-third-scrim-shape: uniform;

  /* === functional colors (L3) === */
  --color-error: #DC2626;
  --color-info: #7C3AED;
  --color-success: #16A34A;
  --color-warning: #F59E0B;
  --surface-success: #DCFCE7;
  --surface-success-transparency: 1;
  --surface-success-scrim-color: #ffffff;
  --surface-success-scrim-transparency: 0;
  --surface-success-scrim-shape: uniform;
  --surface-error: #FEE2E2;
  --surface-error-transparency: 1;
  --surface-error-scrim-color: #ffffff;
  --surface-error-scrim-transparency: 0;
  --surface-error-scrim-shape: uniform;
  --surface-warning: #FEF3C7;
  --surface-warning-transparency: 1;
  --surface-warning-scrim-color: #ffffff;
  --surface-warning-scrim-transparency: 0;
  --surface-warning-scrim-shape: uniform;
  --surface-info: #EDE9FE;
  --surface-info-transparency: 1;
  --surface-info-scrim-color: #ffffff;
  --surface-info-scrim-transparency: 0;
  --surface-info-scrim-shape: uniform;

  /* === thematic colors (L4) — 15 slots × 9 vars === */
  --thematic-1-name: "";
  --thematic-1-base: transparent;
  --thematic-1-pale: transparent;
  --thematic-1-light: transparent;
  --thematic-1-soft: transparent;
  --thematic-1-rich: transparent;
  --thematic-1-dark: transparent;
  --thematic-1-deep: transparent;
  --thematic-1-deepest: transparent;
  --thematic-2-name: "";
  --thematic-2-base: transparent;
  --thematic-2-pale: transparent;
  --thematic-2-light: transparent;
  --thematic-2-soft: transparent;
  --thematic-2-rich: transparent;
  --thematic-2-dark: transparent;
  --thematic-2-deep: transparent;
  --thematic-2-deepest: transparent;
  --thematic-3-name: "";
  --thematic-3-base: transparent;
  --thematic-3-pale: transparent;
  --thematic-3-light: transparent;
  --thematic-3-soft: transparent;
  --thematic-3-rich: transparent;
  --thematic-3-dark: transparent;
  --thematic-3-deep: transparent;
  --thematic-3-deepest: transparent;
  --thematic-4-name: "";
  --thematic-4-base: transparent;
  --thematic-4-pale: transparent;
  --thematic-4-light: transparent;
  --thematic-4-soft: transparent;
  --thematic-4-rich: transparent;
  --thematic-4-dark: transparent;
  --thematic-4-deep: transparent;
  --thematic-4-deepest: transparent;
  --thematic-5-name: "";
  --thematic-5-base: transparent;
  --thematic-5-pale: transparent;
  --thematic-5-light: transparent;
  --thematic-5-soft: transparent;
  --thematic-5-rich: transparent;
  --thematic-5-dark: transparent;
  --thematic-5-deep: transparent;
  --thematic-5-deepest: transparent;
  --thematic-6-name: "";
  --thematic-6-base: transparent;
  --thematic-6-pale: transparent;
  --thematic-6-light: transparent;
  --thematic-6-soft: transparent;
  --thematic-6-rich: transparent;
  --thematic-6-dark: transparent;
  --thematic-6-deep: transparent;
  --thematic-6-deepest: transparent;
  --thematic-7-name: "";
  --thematic-7-base: transparent;
  --thematic-7-pale: transparent;
  --thematic-7-light: transparent;
  --thematic-7-soft: transparent;
  --thematic-7-rich: transparent;
  --thematic-7-dark: transparent;
  --thematic-7-deep: transparent;
  --thematic-7-deepest: transparent;
  --thematic-8-name: "";
  --thematic-8-base: transparent;
  --thematic-8-pale: transparent;
  --thematic-8-light: transparent;
  --thematic-8-soft: transparent;
  --thematic-8-rich: transparent;
  --thematic-8-dark: transparent;
  --thematic-8-deep: transparent;
  --thematic-8-deepest: transparent;
  --thematic-9-name: "";
  --thematic-9-base: transparent;
  --thematic-9-pale: transparent;
  --thematic-9-light: transparent;
  --thematic-9-soft: transparent;
  --thematic-9-rich: transparent;
  --thematic-9-dark: transparent;
  --thematic-9-deep: transparent;
  --thematic-9-deepest: transparent;
  --thematic-10-name: "";
  --thematic-10-base: transparent;
  --thematic-10-pale: transparent;
  --thematic-10-light: transparent;
  --thematic-10-soft: transparent;
  --thematic-10-rich: transparent;
  --thematic-10-dark: transparent;
  --thematic-10-deep: transparent;
  --thematic-10-deepest: transparent;
  --thematic-11-name: "";
  --thematic-11-base: transparent;
  --thematic-11-pale: transparent;
  --thematic-11-light: transparent;
  --thematic-11-soft: transparent;
  --thematic-11-rich: transparent;
  --thematic-11-dark: transparent;
  --thematic-11-deep: transparent;
  --thematic-11-deepest: transparent;
  --thematic-12-name: "";
  --thematic-12-base: transparent;
  --thematic-12-pale: transparent;
  --thematic-12-light: transparent;
  --thematic-12-soft: transparent;
  --thematic-12-rich: transparent;
  --thematic-12-dark: transparent;
  --thematic-12-deep: transparent;
  --thematic-12-deepest: transparent;
  --thematic-13-name: "";
  --thematic-13-base: transparent;
  --thematic-13-pale: transparent;
  --thematic-13-light: transparent;
  --thematic-13-soft: transparent;
  --thematic-13-rich: transparent;
  --thematic-13-dark: transparent;
  --thematic-13-deep: transparent;
  --thematic-13-deepest: transparent;
  --thematic-14-name: "";
  --thematic-14-base: transparent;
  --thematic-14-pale: transparent;
  --thematic-14-light: transparent;
  --thematic-14-soft: transparent;
  --thematic-14-rich: transparent;
  --thematic-14-dark: transparent;
  --thematic-14-deep: transparent;
  --thematic-14-deepest: transparent;
  --thematic-15-name: "";
  --thematic-15-base: transparent;
  --thematic-15-pale: transparent;
  --thematic-15-light: transparent;
  --thematic-15-soft: transparent;
  --thematic-15-rich: transparent;
  --thematic-15-dark: transparent;
  --thematic-15-deep: transparent;
  --thematic-15-deepest: transparent;

  /* === backgrounds: page (7a) === */
  --bg-main: #ffffff;

  /* === backgrounds: menu surfaces (7b) === */
  --surface-primary-menu: #ffffff;
  --surface-primary-menu-transparency: 0.85;
  --surface-primary-menu-scrim-color: #ffffff;
  --surface-primary-menu-scrim-transparency: 0;
  --surface-primary-menu-scrim-shape: uniform;
  --surface-primary-sub-menu: #ffffff;
  --surface-primary-sub-menu-transparency: 1;
  --surface-primary-sub-menu-scrim-color: #ffffff;
  --surface-primary-sub-menu-scrim-transparency: 0;
  --surface-primary-sub-menu-scrim-shape: uniform;

  /* === backgrounds: muted (7c) — 15 slots × 6 vars === */
  --surface-muted-1-name: "Footer";
  --surface-muted-1: linear-gradient(to bottom, #e9eaec 0%, #f7f8f9 60%, #fbfbfc 100%);
  --surface-muted-1-transparency: 1;
  --surface-muted-1-scrim-color: #ffffff;
  --surface-muted-1-scrim-transparency: 0;
  --surface-muted-1-scrim-shape: uniform;
  --surface-muted-2-name: "";
  --surface-muted-2: transparent;
  --surface-muted-2-transparency: 1;
  --surface-muted-2-scrim-color: #ffffff;
  --surface-muted-2-scrim-transparency: 0;
  --surface-muted-2-scrim-shape: uniform;
  --surface-muted-3-name: "";
  --surface-muted-3: transparent;
  --surface-muted-3-transparency: 1;
  --surface-muted-3-scrim-color: #ffffff;
  --surface-muted-3-scrim-transparency: 0;
  --surface-muted-3-scrim-shape: uniform;
  --surface-muted-4-name: "";
  --surface-muted-4: transparent;
  --surface-muted-4-transparency: 1;
  --surface-muted-4-scrim-color: #ffffff;
  --surface-muted-4-scrim-transparency: 0;
  --surface-muted-4-scrim-shape: uniform;
  --surface-muted-5-name: "";
  --surface-muted-5: transparent;
  --surface-muted-5-transparency: 1;
  --surface-muted-5-scrim-color: #ffffff;
  --surface-muted-5-scrim-transparency: 0;
  --surface-muted-5-scrim-shape: uniform;
  --surface-muted-6-name: "";
  --surface-muted-6: transparent;
  --surface-muted-6-transparency: 1;
  --surface-muted-6-scrim-color: #ffffff;
  --surface-muted-6-scrim-transparency: 0;
  --surface-muted-6-scrim-shape: uniform;
  --surface-muted-7-name: "";
  --surface-muted-7: transparent;
  --surface-muted-7-transparency: 1;
  --surface-muted-7-scrim-color: #ffffff;
  --surface-muted-7-scrim-transparency: 0;
  --surface-muted-7-scrim-shape: uniform;
  --surface-muted-8-name: "";
  --surface-muted-8: transparent;
  --surface-muted-8-transparency: 1;
  --surface-muted-8-scrim-color: #ffffff;
  --surface-muted-8-scrim-transparency: 0;
  --surface-muted-8-scrim-shape: uniform;
  --surface-muted-9-name: "";
  --surface-muted-9: transparent;
  --surface-muted-9-transparency: 1;
  --surface-muted-9-scrim-color: #ffffff;
  --surface-muted-9-scrim-transparency: 0;
  --surface-muted-9-scrim-shape: uniform;
  --surface-muted-10-name: "";
  --surface-muted-10: transparent;
  --surface-muted-10-transparency: 1;
  --surface-muted-10-scrim-color: #ffffff;
  --surface-muted-10-scrim-transparency: 0;
  --surface-muted-10-scrim-shape: uniform;
  --surface-muted-11-name: "";
  --surface-muted-11: transparent;
  --surface-muted-11-transparency: 1;
  --surface-muted-11-scrim-color: #ffffff;
  --surface-muted-11-scrim-transparency: 0;
  --surface-muted-11-scrim-shape: uniform;
  --surface-muted-12-name: "";
  --surface-muted-12: transparent;
  --surface-muted-12-transparency: 1;
  --surface-muted-12-scrim-color: #ffffff;
  --surface-muted-12-scrim-transparency: 0;
  --surface-muted-12-scrim-shape: uniform;
  --surface-muted-13-name: "";
  --surface-muted-13: transparent;
  --surface-muted-13-transparency: 1;
  --surface-muted-13-scrim-color: #ffffff;
  --surface-muted-13-scrim-transparency: 0;
  --surface-muted-13-scrim-shape: uniform;
  --surface-muted-14-name: "";
  --surface-muted-14: transparent;
  --surface-muted-14-transparency: 1;
  --surface-muted-14-scrim-color: #ffffff;
  --surface-muted-14-scrim-transparency: 0;
  --surface-muted-14-scrim-shape: uniform;
  --surface-muted-15-name: "";
  --surface-muted-15: transparent;
  --surface-muted-15-transparency: 1;
  --surface-muted-15-scrim-color: #ffffff;
  --surface-muted-15-scrim-transparency: 0;
  --surface-muted-15-scrim-shape: uniform;

  /* === backgrounds: bold (7d) — 15 slots × 6 vars === */
  --surface-bold-1-name: "Smaragd-Aquamarin";
  --surface-bold-1: linear-gradient(to bottom right, #5FE7AD 0%, #11A8C1 100%);
  --surface-bold-1-transparency: 1;
  --surface-bold-1-scrim-color: #ffffff;
  --surface-bold-1-scrim-transparency: 0;
  --surface-bold-1-scrim-shape: uniform;
  --surface-bold-2-name: "Amethyst-Erde";
  --surface-bold-2: linear-gradient(to bottom right, #D971AF 0%, #C0BC1A 100%);
  --surface-bold-2-transparency: 1;
  --surface-bold-2-scrim-color: #ffffff;
  --surface-bold-2-scrim-transparency: 0;
  --surface-bold-2-scrim-shape: uniform;
  --surface-bold-3-name: "Himmel-Kornblume";
  --surface-bold-3: linear-gradient(to bottom right, #5DE6E9 0%, #0046AC 100%);
  --surface-bold-3-transparency: 1;
  --surface-bold-3-scrim-color: #ffffff;
  --surface-bold-3-scrim-transparency: 0;
  --surface-bold-3-scrim-shape: uniform;
  --surface-bold-4-name: "";
  --surface-bold-4: transparent;
  --surface-bold-4-transparency: 1;
  --surface-bold-4-scrim-color: #ffffff;
  --surface-bold-4-scrim-transparency: 0;
  --surface-bold-4-scrim-shape: uniform;
  --surface-bold-5-name: "";
  --surface-bold-5: transparent;
  --surface-bold-5-transparency: 1;
  --surface-bold-5-scrim-color: #ffffff;
  --surface-bold-5-scrim-transparency: 0;
  --surface-bold-5-scrim-shape: uniform;
  --surface-bold-6-name: "";
  --surface-bold-6: transparent;
  --surface-bold-6-transparency: 1;
  --surface-bold-6-scrim-color: #ffffff;
  --surface-bold-6-scrim-transparency: 0;
  --surface-bold-6-scrim-shape: uniform;
  --surface-bold-7-name: "";
  --surface-bold-7: transparent;
  --surface-bold-7-transparency: 1;
  --surface-bold-7-scrim-color: #ffffff;
  --surface-bold-7-scrim-transparency: 0;
  --surface-bold-7-scrim-shape: uniform;
  --surface-bold-8-name: "";
  --surface-bold-8: transparent;
  --surface-bold-8-transparency: 1;
  --surface-bold-8-scrim-color: #ffffff;
  --surface-bold-8-scrim-transparency: 0;
  --surface-bold-8-scrim-shape: uniform;
  --surface-bold-9-name: "";
  --surface-bold-9: transparent;
  --surface-bold-9-transparency: 1;
  --surface-bold-9-scrim-color: #ffffff;
  --surface-bold-9-scrim-transparency: 0;
  --surface-bold-9-scrim-shape: uniform;
  --surface-bold-10-name: "";
  --surface-bold-10: transparent;
  --surface-bold-10-transparency: 1;
  --surface-bold-10-scrim-color: #ffffff;
  --surface-bold-10-scrim-transparency: 0;
  --surface-bold-10-scrim-shape: uniform;
  --surface-bold-11-name: "";
  --surface-bold-11: transparent;
  --surface-bold-11-transparency: 1;
  --surface-bold-11-scrim-color: #ffffff;
  --surface-bold-11-scrim-transparency: 0;
  --surface-bold-11-scrim-shape: uniform;
  --surface-bold-12-name: "";
  --surface-bold-12: transparent;
  --surface-bold-12-transparency: 1;
  --surface-bold-12-scrim-color: #ffffff;
  --surface-bold-12-scrim-transparency: 0;
  --surface-bold-12-scrim-shape: uniform;
  --surface-bold-13-name: "";
  --surface-bold-13: transparent;
  --surface-bold-13-transparency: 1;
  --surface-bold-13-scrim-color: #ffffff;
  --surface-bold-13-scrim-transparency: 0;
  --surface-bold-13-scrim-shape: uniform;
  --surface-bold-14-name: "";
  --surface-bold-14: transparent;
  --surface-bold-14-transparency: 1;
  --surface-bold-14-scrim-color: #ffffff;
  --surface-bold-14-scrim-transparency: 0;
  --surface-bold-14-scrim-shape: uniform;
  --surface-bold-15-name: "";
  --surface-bold-15: transparent;
  --surface-bold-15-transparency: 1;
  --surface-bold-15-scrim-color: #ffffff;
  --surface-bold-15-scrim-transparency: 0;
  --surface-bold-15-scrim-shape: uniform;

  /* === buttons === */
  --btn-bg: var(--surface-primary);
  --btn-bg-disabled: #E5E7EB;
  --btn-fw: var(--fw-semibold);
  --btn-padding-x: 1.25rem;
  --btn-padding-y: 0.625rem;
  --btn-radius: var(--radius-md);
  --btn-scale-active: 0.95;
  --btn-scale-hover: 1.1;
  --btn-text: #1F2937;
  --btn-text-disabled: #9CA3AF;
  --btn-transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* === lists === */
  --list-gap: 1.25rem;
  --list-indent: calc(var(--list-marker-size) + 1rem);
  --list-line-width: 3px;
  --list-marker-bg: var(--surface-primary);
  --list-marker-size: 30px;
}