/**
 * Tech Earth Global Business Solution
 * Design Tokens & Variables
 */

:root {
  /* Brand Palette */
  --primary-green: #035615;
  --primary-green-light: #0ea93c;
  --primary-green-bright: #22c55e;
  --primary-green-dark: #02380d;
  --primary-green-50: #f0fdf4;
  --primary-green-100: #dcfce7;
  --primary-green-soft: rgba(3, 86, 21, 0.08);
  --primary-green-glow: rgba(14, 169, 60, 0.35);

  --primary-navy: #031B47;
  --primary-navy-dark: #01102e;
  --primary-navy-light: #0a2d75;
  --primary-navy-50: #eff6ff;
  --primary-navy-100: #dbeafe;
  --primary-navy-soft: rgba(3, 27, 71, 0.06);
  --primary-navy-glow: rgba(3, 27, 71, 0.4);

  /* Accents */
  --accent-cyan: #06b6d4;
  --accent-emerald: #10b981;
  --accent-amber: #f59e0b;
  --accent-rose: #f43f5e;

  /* Neutrals */
  --bg-body: #f8fafc;
  --bg-white: #ffffff;
  --bg-card: #ffffff;
  --bg-alt: #f1f5f9;
  --bg-muted: #e2e8f0;

  --text-main: #0f172a;
  --text-body: #334155;
  --text-muted: #64748b;
  --text-light: #94a3b8;
  --text-white: #ffffff;

  --border-light: #e2e8f0;
  --border-card: #e5e7eb;
  --border-focus: #0ea93c;

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #031B47 0%, #035615 100%);
  --grad-green: linear-gradient(135deg, #035615 0%, #0ea93c 100%);
  --grad-navy: linear-gradient(135deg, #031B47 0%, #08286a 100%);
  --grad-dark: linear-gradient(135deg, #01102e 0%, #031B47 70%, #035615 100%);
  --grad-hero: linear-gradient(180deg, #031B47 0%, #021235 60%, #031B47 100%);
  --grad-card-hover: linear-gradient(180deg, rgba(3, 86, 21, 0.03) 0%, rgba(3, 27, 71, 0.05) 100%);
  --grad-glow: radial-gradient(circle at 50% 50%, rgba(14, 169, 60, 0.15) 0%, transparent 70%);

  /* Shadows */
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 2px 4px 0 rgba(3, 27, 71, 0.06);
  --shadow-md: 0 4px 12px -1px rgba(3, 27, 71, 0.08), 0 2px 6px -1px rgba(3, 27, 71, 0.05);
  --shadow-lg: 0 10px 25px -3px rgba(3, 27, 71, 0.12), 0 4px 10px -2px rgba(3, 27, 71, 0.06);
  --shadow-xl: 0 20px 35px -5px rgba(3, 27, 71, 0.16), 0 8px 16px -4px rgba(3, 27, 71, 0.08);
  --shadow-hover: 0 20px 40px -10px rgba(3, 86, 21, 0.22);
  --shadow-green: 0 8px 24px -4px rgba(3, 86, 21, 0.4);

  /* Typography */
  --font-heading: 'Outfit', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Spacings & Layout */
  --container-max: 1240px;
  --container-padding-mobile: 10px;
  --container-padding-tablet: 10px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}