/* WinnerSoft design tokens -- GENERATED by tools/design-tokens/build.py
   from docs/design-system/project/tokens.json. Do not edit by hand:
   change tokens.json and run the script. */
:root {
    /* colour */
    --brand-sky: #3facff;
    --brand-navy: #1851a8;
    --color-primary: #1e3a8a;
    --color-primary-deep: #1e40af;
    --color-secondary: #2563eb;
    --color-secondary-hover: #1d4ed8;
    --color-primary-light: #3b82f6;
    --accent-cyan: #06b6d4;
    --color-text: #1f2937;
    --text-heading: #111827;
    --text-body-muted: #4b5563;
    --color-text-light: #6b7280;
    --text-faint: #9ca3af;
    --color-background: #ffffff;
    --color-background-alt: #f9fafb;
    --surface-tint: #f4f7fb;
    --surface-muted: #f8fafc;
    --surface-dark: #0f172a;
    --tint-blue: #eff6ff;
    --tint-blue-border: #dbeafe;
    --border-hover: #bfdbfe;
    --border-brand: #93c5fd;
    --on-dark-muted: var(--border-hover);
    --on-dark-accent: #67e8f9;
    --border: #e2e8f0;
    --border-input: #e5e7eb;
    --icon-muted-bg: #f1f5f9;
    --icon-muted: #64748b;
    --accent-orange: #ea580c;
    --accent-orange-text: #c2410c;
    --accent-orange-tint: #fff7ed;
    --accent-orange-border: #fed7aa;
    --success: #047857;
    --danger: #dc2626;
    --line-green: #06c755;
    /* spacing */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    /* radius */
    --radius-xs: 3px;
    --radius-sm: 4px;
    --radius-doc: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;
    --radius-2xl: 16px;
    --radius-full: 9999px;
    /* shadow */
    --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-card-hover: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-ld-card: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px -16px rgba(15, 23, 42, 0.18);
    --shadow-ld-card-hover: 0 1px 2px rgba(15, 23, 42, 0.04), 0 16px 32px -16px rgba(30, 64, 175, 0.3);
    --shadow-focus: 0 0 0 3px rgba(59, 130, 246, 0.1);
    --shadow-glow: 0 0 20px rgba(37, 99, 235, 0.4);
    --shadow-line: 0 4px 12px rgba(6, 199, 85, 0.4);
    /* font stacks */
    --font-sans: 'Poppins', 'Sarabun', sans-serif;
    --font-thai: 'Sarabun', sans-serif;
}