/*
 * ABNOVA Digital — Design Tokens
 *
 * Change colours, sizes, typography HERE once and every page follows.
 * These CSS Custom Properties are the single source of truth used by
 * the homepage, contact page, blog, and any future template.
 */
:root {
  /* ===================== COLOURS ===================== */
  --abnova-navy:       #05070d;
  --abnova-navy-soft:  #0a0f1b;
  --abnova-navy-mid:   #101828;
  --abnova-border:     #1d2740;
  --abnova-surface:    #0f1424;
  --abnova-text:       #e9eef8;
  --abnova-text-muted: #93a0b8;
  --abnova-text-dim:   #75819b;
  --abnova-cyan:       #39d3f2;
  --abnova-cyan-light: #8be5ff;
  --abnova-blue:       #3978ff;
  --abnova-violet:     #8b5cf6;
  --abnova-teal:       #61dec9;
  --abnova-glow:       rgba(57, 211, 242, 0.25);
  --abnova-success:    #61dec9;
  --abnova-warning:    #f59e0b;

  /* ===================== TYPOGRAPHY ===================== */
  --abnova-font-display: "Space Grotesk", "Manrope", sans-serif;
  --abnova-font-body:    "Manrope", sans-serif;
  --abnova-font-mono:    "JetBrains Mono", monospace;

  --abnova-text-xs:    0.6875rem;
  --abnova-text-sm:    0.8125rem;
  --abnova-text-base:  1rem;
  --abnova-text-lg:    1.125rem;
  --abnova-text-xl:    1.25rem;
  --abnova-text-2xl:   1.5rem;
  --abnova-text-3xl:   1.875rem;
  --abnova-text-4xl:   2.25rem;
  --abnova-text-5xl:   3rem;
  --abnova-text-6xl:   3.75rem;
  --abnova-text-7xl:   4.5rem;

  /* ===================== SPACING ===================== */
  --abnova-gutter:     clamp(1.25rem, 4vw, 3rem);
  --abnova-gutter-sm:  clamp(1rem, 3vw, 2rem);
  --abnova-max-width:  1280px;
  --abnova-radius-sm:  4px;
  --abnova-radius-md:  8px;
  --abnova-radius-lg:  12px;
  --abnova-radius-full: 9999px;

  /* ===================== TRANSITIONS ===================== */
  --abnova-ease: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --abnova-ease-spring: cubic-bezier(0.22, 1, 0.36, 1);

  /* ===================== FORM TOKENS ===================== */
  --abnova-field-border:      var(--abnova-border);
  --abnova-field-bg:          var(--abnova-navy-soft);
  --abnova-field-text:        var(--abnova-text);
  --abnova-field-placeholder: var(--abnova-text-dim);
  --abnova-field-focus-border: var(--abnova-cyan);
}