/* SkyClimate design tokens — shared by the public site and the admin.
   Brand values are preliminary (TZ §07), not an approved brand book. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-cyrillic-wght-normal.06ab411342ac.woff2") format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.8e433c0592f7.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Colour */
  --color-brand: #f6a63a;
  --color-brand-hover: #e8952a;
  --color-brand-active: #d6851d;
  --color-brand-soft: #fff4e5;
  --color-on-brand: #20242a; /* dark text on orange: 8.1:1 */
  --color-text: #20242a;
  --color-muted: #596273; /* 6.2:1 on white */
  --color-bg: #ffffff;
  --color-surface: #f6f7f9;
  --color-surface-2: #eef0f3;
  --color-dark: #101722;
  --color-dark-2: #1a2330;
  --color-on-dark: #f3f5f8;
  --color-on-dark-muted: #b4bcc8;
  --color-border: #dde2e7;
  --color-border-strong: #b9c1cb;
  --color-focus: #1f6feb;

  /* Semantic states (never conveyed by colour alone) */
  --color-success: #1f7a45;
  --color-success-soft: #e6f4ec;
  --color-warning: #8a5a00;
  --color-warning-soft: #fff4dc;
  --color-danger: #b42318;
  --color-danger-soft: #fdecea;
  --color-info: #1d5fa8;
  --color-info-soft: #e8f1fb;

  /* Typography */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-h1: clamp(1.75rem, 1.2rem + 2.2vw, 3rem); /* 28px mobile → 48px desktop */
  --leading: 1.55;
  --leading-tight: 1.2;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Spacing scale 4/8/12/16/24/32/48/64 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Layout */
  --container: 1200px;
  --gutter: 16px;
  --header-h: 64px;
  --mobile-bar-h: 64px;

  /* Shape */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 14px;
  --border: 1px solid var(--color-border);
  --shadow-sm: 0 1px 2px rgba(16, 23, 34, 0.06);
  --shadow: 0 8px 24px rgba(16, 23, 34, 0.12);

  /* Interaction */
  --tap: 44px;
  --focus-ring: 0 0 0 3px #ffffff, 0 0 0 5px var(--color-focus);
  --transition: 150ms ease;
}

@media (min-width: 768px) {
  :root {
    --gutter: 24px;
  }
}
@media (min-width: 1024px) {
  :root {
    --gutter: 32px;
    --header-h: 72px;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --transition: 0ms;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}