/*
Theme Name: SNOVOTEK
Theme URI: https://snovotek.com
Author: SNOVOTEK Energy Europe Kft.
Author URI: https://snovotek.com
Description: Custom WordPress theme for SNOVOTEK Energy Europe Kft. — liquid cooling field service and OEM localization. Dark navy, cyan-accented, premium B2B industrial design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: snovotek
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Global design tokens — colours, type, spacing.
   Every colour and font used anywhere in this theme is defined here as a
   CSS custom property. Nothing in assets/css should ever hardcode a hex
   value or font stack outside of this file.
   Values sourced from BRAND.txt (SNOVOTEK brand assets, Company Handbook 2026).
   ========================================================================== */
:root{
  /* Colours */
  --void:#091423;       /* deepest navy — hero / nav / footer / contact backgrounds */
  --deep:#11253C;       /* dark navy — secondary dark sections */
  --mid:#27405C;        /* mid navy — muted dots, borders on dark */
  --cyan:#38AFFF;       /* PRIMARY ACCENT — on dark backgrounds */
  --blue:#2A77FF;       /* secondary accent — on light backgrounds */
  --ink:#111827;        /* body text on light backgrounds */
  --steel:#4B5C72;      /* secondary text */
  --steel-2:#6A7C91;    /* muted text */
  --steel-3:#8A9AB0;    /* hints */
  --mist:#A8BACD;       /* text on dark */
  --line-2:#C7D4E2;     /* borders */
  --line:#D9E2EB;       /* hairlines */
  --paper:#F4F7FA;      /* page background (light sections) */
  --white:#FFFFFF;      /* card background on light sections */

  /* Typography */
  --font-display:'Archivo', system-ui, sans-serif;
  --font-body:'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;

  /* Spacing scale */
  --space-xs:8px;
  --space-sm:16px;
  --space-md:24px;
  --space-lg:40px;
  --space-xl:64px;
  --space-2xl:80px;
  --space-3xl:100px;

  /* Layout */
  --container-width:1180px;
  --container-pad:32px;
  --radius-sm:3px;
  --radius-md:6px;
  --radius-lg:8px;

  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-bounce:cubic-bezier(.34,1.56,.64,1);
}