/**
 * Goundi design tokens — Figma C3 aligned.
 * Single source for WHMCS child theme (goundi1). Do not duplicate raw values in templates.
 */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Syne:wght@600;700;800&display=swap");

:root {
  /* Goundi V3 design system tokens */
  --font-display: "Syne", system-ui, -apple-system, sans-serif;
  --gnd-v3-forest-950: #123c2c;
  --gnd-v3-forest-900: #164e39;
  --gnd-v3-forest-800: #1e5e3a;
  --gnd-v3-green-600: #2f7d4a;
  --gnd-v3-green-500: #38a169;
  --gnd-v3-green-100: #dcfce7;
  --gnd-v3-green-50: #eef8f2;
  --gnd-v3-orange-500: #d9791f;
  --gnd-v3-orange-600: #c2410c;
  --gnd-v3-orange-50: #fff7ed;
  --gnd-v3-bg-page: #f8faf8;
  --gnd-v3-bg-surface: #ffffff;
  --gnd-v3-text-dark: #123c2c;
  --gnd-v3-text-body: #374151;
  --gnd-v3-text-muted: #64748b;
  --gnd-v3-border: #e2e8f0;
  --gnd-v3-border-subtle: #f1f5f9;
  --gnd-v3-border-green: #bbf7d0;
  --gnd-v3-shadow-subtle: 0 4px 20px -2px rgba(18, 60, 44, 0.05), 0 2px 6px -1px rgba(18, 60, 44, 0.03);
  --gnd-v3-shadow-card: 0 10px 25px -4px rgba(18, 60, 44, 0.07), 0 4px 10px -2px rgba(18, 60, 44, 0.04);
  --gnd-v3-shadow-hover: 0 18px 36px -6px rgba(18, 60, 44, 0.12), 0 6px 14px -3px rgba(18, 60, 44, 0.06);

  /* Brand greens */
  --gnd-green-900: #123c2c;
  --gnd-green-800: #14532d;
  --gnd-green-700: #166534;
  --gnd-green-600: #2f7d4a;
  --gnd-green-500: #38a169;
  --gnd-green-400: #22c55e;
  --gnd-green-300: #4ade80;
  --gnd-green-100: #dcfce7;
  --gnd-green-50: #eef8f2;

  /* Ronier orange */
  --gnd-orange-600: #c2410c;
  --gnd-orange-500: #d9791f;
  --gnd-orange-50: #fff7ed;

  /* Neutrals */
  --gnd-neutral-900: #0f172a;
  --gnd-neutral-600: #64748b;
  --gnd-neutral-200: #e2e8f0;
  --gnd-neutral-100: #f1f5f9;
  --gnd-neutral-50: #f8faf8;
  --gnd-neutral-on-dark: #94a3b8;

  /* Semantic aliases (legacy --goundi-* compat) */
  --goundi-primary: var(--gnd-v3-forest-950);
  --goundi-accent: var(--gnd-v3-green-600);
  --goundi-accent-strong: var(--gnd-v3-forest-800);
  --goundi-orange: var(--gnd-v3-orange-500);
  --goundi-orange-strong: var(--gnd-v3-orange-600);
  --goundi-soft: var(--gnd-v3-green-50);
  --goundi-topbar: #ffffff;
  --goundi-page: var(--gnd-v3-bg-page);
  --goundi-text: var(--gnd-v3-text-dark);
  --goundi-muted: var(--gnd-v3-text-muted);
  --goundi-border: var(--gnd-v3-border);
  --goundi-border-strong: var(--gnd-v3-border-green);
  --goundi-dark: var(--gnd-v3-forest-950);
  --goundi-on-dark: #ffffff;
  --goundi-muted-on-dark: var(--gnd-neutral-on-dark);

  /* Semantic UI */
  --gnd-color-success: var(--gnd-green-500);
  --gnd-color-warning: #f59e0b;
  --gnd-color-error: #dc2626;
  --gnd-color-info: var(--gnd-green-600);
  --gnd-color-pending: var(--gnd-orange-500);

  /* Typography */
  --gnd-font-family: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;
  --gnd-font-size-xs: 0.75rem;
  --gnd-font-size-sm: 0.8125rem;
  --gnd-font-size-md: 0.875rem;
  --gnd-font-size-lg: 1rem;
  --gnd-font-size-xl: 1.125rem;
  --gnd-font-weight-normal: 400;
  --gnd-font-weight-medium: 500;
  --gnd-font-weight-semibold: 600;
  --gnd-font-weight-bold: 700;

  /* Spacing scale (4px base) */
  --gnd-space-1: 0.25rem;
  --gnd-space-2: 0.5rem;
  --gnd-space-3: 0.75rem;
  --gnd-space-4: 1rem;
  --gnd-space-5: 1.25rem;
  --gnd-space-6: 1.5rem;
  --gnd-space-8: 2rem;
  --gnd-space-10: 2.5rem;
  --gnd-space-12: 3rem;
  --gnd-space-16: 4rem;

  /* Radius */
  --gnd-radius-sm: 0.5rem;
  --gnd-radius-md: 0.75rem;
  --gnd-radius-lg: 1rem;
  --gnd-radius-xl: 1.25rem;
  --gnd-radius-pill: 9999px;
  --goundi-radius-md: var(--gnd-radius-md);
  --goundi-radius-lg: var(--gnd-radius-lg);
  --goundi-radius-xl: var(--gnd-radius-xl);

  /* Shadow */
  --gnd-shadow-sm: 0 1px 2px rgb(15 23 42 / 0.06);
  --gnd-shadow-md: 0 4px 12px rgb(15 23 42 / 0.08);
  --gnd-shadow-lg: 0 12px 32px rgb(15 23 42 / 0.1);

  /* Layout */
  --gnd-shell-max: 72rem;
  --goundi-shell-max: var(--gnd-shell-max);
  --gnd-sidebar-width: 16.25rem;
  --gnd-topbar-height: 3.5rem;
  --gnd-header-height: 4.5rem;

  /* Breakpoints (reference — use in @media) */
  --gnd-bp-mobile: 390px;
  --gnd-bp-tablet: 768px;
  --gnd-bp-desktop: 1440px;

  /* Z-index */
  --gnd-z-base: 1;
  --gnd-z-dropdown: 20;
  --gnd-z-sticky: 30;
  --gnd-z-overlay: 40;
  --gnd-z-modal: 50;
  --gnd-z-companion: 45;

  /* Motion */
  --gnd-duration-fast: 120ms;
  --gnd-duration-normal: 180ms;
  --gnd-duration-slow: 320ms;
  --gnd-ease-standard: ease;
  --gnd-ease-emphasis: cubic-bezier(0.22, 1, 0.36, 1);
  --goundi-transition: var(--gnd-duration-normal) var(--gnd-ease-standard);

  /* WHMCS Bootstrap bridge (minimal) */
  --primary: var(--goundi-accent);
  --primary-dark: var(--goundi-accent-strong);
  --primary-hover: var(--goundi-accent-strong);
  --secondary: var(--goundi-primary);

  /* Companion dimensions */
  --gnd-companion-sm: 3.5rem;
  --gnd-companion-md: 4.5rem;
  --gnd-companion-lg: 6rem;
}