/* WEB360 template tokens - generated by WEB360 Template Studio. */
:root {
  --mt-accent: #86b817;
  --mt-accent-hover: #74a012;
  --mt-accent-soft: #FFF8EE;
  --mt-border-color: var(--mt-border-default);
  --mt-border-default: var(--mt-neutral-200);
  --mt-border-focus: rgba(224, 90, 26, 0.4);
  --mt-border-light: var(--mt-neutral-200);
  --mt-border-strong: var(--mt-neutral-300);
  --mt-brand-primary: #1f5132;
  --mt-brand-primary-active: #133320;
  --mt-brand-primary-hover: #194329;
  --mt-brand-primary-rgb: 224, 90, 26;
  --mt-brand-primary-soft: #FEF1E8;
  --mt-danger: #ef4444;
  --mt-danger-soft: #fef2f2;
  --mt-duration-fast: 0.15s;
  --mt-duration-normal: 0.25s;
  --mt-duration-slow: 0.4s;
  --mt-duration-slower: 0.6s;
  --mt-ease: var(--mt-ease-default);
  --mt-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --mt-ease-default: cubic-bezier(0.22, 1, 0.36, 1);
  --mt-ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --mt-ease-out: cubic-bezier(0, 0.55, 0.45, 1);
  --mt-ease-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --mt-font-body: var(--mt-font-sans);
  --mt-font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
  --mt-font-sans: primary display / heading font (templates may override)
     --mt-font-body:  long-form body font — aliases to sans on
                      engineering-one / nursery-one (same font for both).
                      Templates that pair a display font with a separate
                      body font (e.g. AnuAi: Poppins + Inter) override
                      --mt-font-body alone, keeping --mt-font-sans.
     --mt-font-mono:  code / terminal mockups */
  --mt-font-sans:     'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mt-gradient-dark: linear-gradient(180deg, #0f172a, #020617);
  --mt-gradient-glow: radial-gradient(circle, rgba(224,90,26,0.10), transparent 70%);
  --mt-gradient-primary: linear-gradient(135deg, #E05A1A, #F06B2A);
  --mt-gradient-surface: linear-gradient(180deg, #f8fafc, #ffffff);
  --mt-gradient-surface-r: linear-gradient(180deg, #ffffff, #f8fafc);
  --mt-leading-normal: 1.6;
  --mt-leading-relaxed: 1.75;
  --mt-leading-snug: 1.3;
  --mt-leading-tight: 1.15;
  --mt-neutral-0: #ffffff;
  --mt-neutral-100: #f1f5f9;
  --mt-neutral-200: #e2e8f0;
  --mt-neutral-300: #cbd5e1;
  --mt-neutral-400: #94a3b8;
  --mt-neutral-50: #f8fafc;
  --mt-neutral-500: #64748b;
  --mt-neutral-600: #475569;
  --mt-neutral-700: #334155;
  --mt-neutral-800: #1e293b;
  --mt-neutral-900: #0f172a;
  --mt-neutral-950: #020617;
  --mt-page-bg: var(--mt-surface-page);
  --mt-radius-2xl: 24px;
  --mt-radius-full: 999px;
  --mt-radius-lg: 16px;
  --mt-radius-md: 10px;
  --mt-radius-sm: 6px;
  --mt-radius-xl: 20px;
  --mt-radius-xs: 4px;
  --mt-section-gap: var(--mt-space-16);
  --mt-section-py: 64px;
  --mt-section-py-sm: 40px;
  --mt-shadow-2xl: 0 30px 70px rgba(0, 0, 0, 0.14);
  --mt-shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --mt-shadow-card-hover: 0 20px 50px rgba(0, 0, 0, 0.12);
  --mt-shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);
  --mt-shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.10);
  --mt-shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --mt-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
  --mt-shadow-soft: var(--mt-shadow-md);
  --mt-shadow-strong: var(--mt-shadow-lg);
  --mt-shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.12);
  --mt-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
  --mt-space-1: 4px;
  --mt-space-10: 40px;
  --mt-space-12: 48px;
  --mt-space-16: 64px;
  --mt-space-2: 8px;
  --mt-space-20: 80px;
  --mt-space-24: 96px;
  --mt-space-3: 12px;
  --mt-space-32: 128px;
  --mt-space-4: 16px;
  --mt-space-5: 20px;
  --mt-space-6: 24px;
  --mt-space-8: 32px;
  --mt-success: #22c55e;
  --mt-success-soft: #f0fdf4;
  --mt-surface-card: var(--mt-surface-raised);
  --mt-surface-dark: var(--mt-neutral-950);
  --mt-surface-dark-alt: var(--mt-neutral-900);
  --mt-surface-dropdown: var(--mt-neutral-0);
  --mt-surface-glass-bg: transparent;
  --mt-surface-glass-border: 1px solid var(--mt-border-default);
  --mt-surface-header: var(--mt-neutral-0);
  --mt-surface-light: var(--mt-surface-page);
  --mt-surface-page: var(--mt-neutral-0);
  --mt-surface-raised: var(--mt-neutral-0);
  --mt-surface-soft: var(--mt-surface-sunken);
  --mt-surface-subtle: var(--mt-neutral-100);
  --mt-surface-sunken: var(--mt-neutral-50);
  --mt-surface-utility: linear-gradient(90deg, #C84F16, #E05A1A);
  --mt-text-2xl: 1.75rem;
  --mt-text-3xl: 2.2rem;
  --mt-text-4xl: 2.8rem;
  --mt-text-base: 1rem;
  --mt-text-body: var(--mt-neutral-700);
  --mt-text-dark: var(--mt-text-heading);
  --mt-text-heading: var(--mt-neutral-900);
  --mt-text-inverse: var(--mt-neutral-0);
  --mt-text-lg: 1.2rem;
  --mt-text-light: var(--mt-text-inverse);
  --mt-text-md: 1.05rem;
  --mt-text-muted: var(--mt-neutral-500);
  --mt-text-sm: 0.82rem;
  --mt-text-strong: var(--mt-text-heading);
  --mt-text-subtle: var(--mt-neutral-400);
  --mt-text-xl: 1.45rem;
  --mt-text-xs: 0.72rem;
  --mt-tracking-normal: 0;
  --mt-tracking-tight: -0.02em;
  --mt-tracking-wide: 0.04em;
  --mt-tracking-wider: 0.12em;
  --mt-tracking-widest: 0.18em;
  --mt-warning: #f59e0b;
  --mt-warning-soft: #fffbeb;
  --mt-weight-black: 800;
  --mt-weight-bold: 700;
  --mt-weight-light: 300;
  --mt-weight-medium: 500;
  --mt-weight-normal: 400;
  --mt-weight-semibold: 600;
  --mt-z-base: 1;
  --mt-z-dropdown: 100;
  --mt-z-header: 1000;
  --mt-z-loader: 9999;
  --mt-z-modal: 9000;
  --mt-z-overlay: 5000;
  --mt-z-sticky: 200;
  --mt-z-toast: 9500;
}