/* ============================================================
   Swiss Automate — Design Tokens
   Version 1.0 | March 2026
   ============================================================ */

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../assets/fonts/inter/inter-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ── Brand Colors ─────────────────────────────────────── */
  --color-navy:      #06446c;
  --color-red:       #e7191f;
  --color-white:     #ffffff;
  --color-offwhite:  #f5f7f9;
  --color-charcoal:  #1a1a2e;

  /* ── Glass Surfaces ───────────────────────────────────── */
  --glass-bg:           rgba(255, 255, 255, 0.12);
  --glass-bg-heavy:     rgba(255, 255, 255, 0.22);
  --glass-bg-dark:      rgba(6, 68, 108, 0.15);

  --glass-border:       rgba(255, 255, 255, 0.30);
  --glass-border-dark:  rgba(255, 255, 255, 0.12);

  --glass-blur:         blur(20px) saturate(180%);
  --glass-blur-heavy:   blur(32px) saturate(200%);

  --glass-shadow:       0 8px 32px rgba(6, 68, 108, 0.18);
  --glass-shadow-dark:  0 8px 32px rgba(0, 0, 0, 0.28);

  --glass-tint-navy:    rgba(6, 68, 108, 0.08);
  --glass-tint-red:     rgba(231, 25, 31, 0.08);

  /* ── Typography ───────────────────────────────────────── */
  --font-base: 'Inter', system-ui, -apple-system, sans-serif;

  /* ── Spacing ──────────────────────────────────────────── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  80px;

  /* ── Border Radius ────────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --radius-pill: 100px;

  /* ── Easing ───────────────────────────────────────────── */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}