/* =========================================================
   NordicSign Design Tokens — single source of truth.
   Never hardcode values; always reference a token.
   ========================================================= */

:root {
    /* Brand colors */
    --color-primary: #0F172A;
    --color-accent: #2563EB;
    --color-accent-hover: #1D4ED8;
    /* Surfaces */
    --color-bg: #FAFBFC;
    --color-card: #FFFFFF;
    --color-border: #E5E7EB;
    --color-surface-dark: #1E293B;
    --color-border-dark: #334155;
    /* Text hierarchy */
    --color-text-primary: #111827;
    --color-text-secondary: #4B5563;
    --color-text-tertiary: #9CA3AF;
    /* Semantic status */
    --color-success: #059669;
    --color-warning: #D97706;
    --color-error: #DC2626;
    /* Typography */
    --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --text-hero: 700 48px/1.2 var(--font-family);
    --text-section: 600 32px/1.3 var(--font-family);
    --text-card-title: 600 18px/1.4 var(--font-family);
    --text-body-lg: 400 18px/1.6 var(--font-family);
    --text-body: 400 16px/1.6 var(--font-family);
    --text-body-sm: 400 14px/1.6 var(--font-family);
    --text-label: 500 12px/1.4 var(--font-family);
    /* Layout */
    --radius-base: 4px;
    --container-max: 1280px;
    --shadow-card: 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    /* Motion */
    --duration-micro: 150ms;
    --duration-transition: 300ms;
    --easing-default: ease-in-out;
    /* Input/borders (button secondary spec) */
    --color-border-input: #D1D5DB;
    --color-text-btn-secondary: #374151;
}