/**
 * DigiBox × Gmingo Brand Color System
 * Canonical design tokens — load FIRST in every layout.
 *
 * Source of truth for brand colors. Existing --rt-* / --db-* / --adm-*
 * layers alias into these tokens from their respective stylesheets.
 *
 * @see docs/GMINGO-BRAND-IMPLEMENTATION.md
 */

:root {
  /* ── BRAND ─────────────────────────────────────────── */
  --gmingo-primary: #2F80ED;
  --gmingo-primary-hover: #1F6FE5;
  --gmingo-primary-active: #1D63C9;
  --gmingo-primary-soft: rgba(47, 128, 237, 0.10);
  --gmingo-primary-glow: rgba(47, 128, 237, 0.22);

  /* ── SECONDARY BRAND ──────────────────────────────── */
  --gmingo-secondary: #38B35A;
  --gmingo-secondary-hover: #2D8F47;

  /* ── ACCENT (use sparingly) ───────────────────────── */
  --gmingo-accent: #FF8F3D;
  --gmingo-accent-hover: #E67A2A;
  --gmingo-accent-soft: rgba(255, 143, 61, 0.14);
  --gmingo-accent-glow: rgba(255, 143, 61, 0.28);

  /* ── NAVY ─────────────────────────────────────────── */
  --gmingo-navy: #1E3A8A;
  --gmingo-navy-footer: #1A3A7C;
  --gmingo-navy-mid: #1D4ED8;

  /* ── SURFACES ─────────────────────────────────────── */
  --gmingo-white: #FFFFFF;
  --gmingo-background: #F8FAFC;
  --gmingo-background-alt: #F1F5F9;
  --gmingo-surface: #FFFFFF;
  --gmingo-surface-soft: #EFF6FF;

  /* ── TEXT ─────────────────────────────────────────── */
  --gmingo-text: #0F172A;
  --gmingo-text-secondary: #475569;
  --gmingo-text-muted: #64748B;
  --gmingo-text-placeholder: #94A3B8;
  --gmingo-text-on-brand: #FFFFFF;
  --gmingo-text-on-dark: rgba(255, 255, 255, 0.78);
  --gmingo-text-on-dark-strong: #FFFFFF;

  /* ── BORDERS ──────────────────────────────────────── */
  --gmingo-border: #E2E8F0;
  --gmingo-border-strong: #CBD5E1;
  --gmingo-border-selected: #BFDBFE;

  /* ── SEMANTIC ─────────────────────────────────────── */
  --gmingo-success: #059669;
  --gmingo-success-hover: #047857;
  --gmingo-success-bg: #ECFDF5;
  --gmingo-success-border: #A7F3D0;
  --gmingo-success-text: #047857;

  --gmingo-warning: #D97706;
  --gmingo-warning-hover: #B45309;
  --gmingo-warning-bg: #FFFBEB;
  --gmingo-warning-border: #FDE68A;
  --gmingo-warning-text: #B45309;

  --gmingo-danger: #DC2626;
  --gmingo-danger-hover: #B91C1C;
  --gmingo-danger-bg: #FEF2F2;
  --gmingo-danger-border: #FECACA;
  --gmingo-danger-text: #B91C1C;

  --gmingo-info: #2F80ED;
  --gmingo-info-bg: #EFF6FF;
  --gmingo-info-border: #BFDBFE;

  /* ── FOCUS ────────────────────────────────────────── */
  --gmingo-focus: #93C5FD;
  --gmingo-focus-ring: 0 0 0 4px rgba(47, 128, 237, 0.12);

  /* ── OVERLAY / DISABLED ───────────────────────────── */
  --gmingo-overlay: rgba(15, 23, 42, 0.55);
  --gmingo-disabled-opacity: 0.5;

  /* ── SHADOWS (slate-based) ────────────────────────── */
  --gmingo-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --gmingo-shadow-sm: 0 4px 16px -4px rgba(15, 23, 42, 0.08);
  --gmingo-shadow-md: 0 12px 32px -12px rgba(15, 23, 42, 0.12);
  --gmingo-shadow-lg: 0 24px 48px -16px rgba(15, 23, 42, 0.14);
  --gmingo-shadow-cta: 0 12px 24px -14px rgba(47, 128, 237, 0.70);

  /* ── GRADIENTS (Gmingo family only) ───────────────── */
  --gmingo-gradient-cta: linear-gradient(135deg, #1E3A8A, #2F80ED);
  --gmingo-gradient-topbar: linear-gradient(
    135deg,
    #1E3A8A 0%,
    #3B82F6 15%,
    #93C5FD 50%,
    #DBEAFE 100%
  );
  --gmingo-gradient-dark: linear-gradient(180deg, #1E3A8A 0%, #2F80ED 100%);
  --gmingo-gradient-brand: linear-gradient(135deg, #1E3A8A, #2F80ED);
  --gmingo-gradient-soft: linear-gradient(135deg, #EFF6FF, #DBEAFE);

  /* ── CHART PALETTE ────────────────────────────────── */
  --gmingo-chart-1: #2F80ED;
  --gmingo-chart-2: #38B35A;
  --gmingo-chart-3: #FF8F3D;
  --gmingo-chart-4: #1E3A8A;
  --gmingo-chart-5: #059669;
  --gmingo-chart-6: #D97706;
  --gmingo-chart-7: #DC2626;
  --gmingo-chart-8: #64748B;

  /* ── MOTION / RADIUS / TOUCH ──────────────────────── */
  --gmingo-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --gmingo-duration: 280ms;
  --gmingo-radius-sm: 16px;
  --gmingo-radius-md: 20px;
  --gmingo-radius-lg: 24px;
  --gmingo-touch: 48px;
  --gmingo-font: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --gmingo-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  /* ── PRIMARY SCALE (Tailwind-compatible) ──────────── */
  --gmingo-primary-50: #EFF6FF;
  --gmingo-primary-100: #DBEAFE;
  --gmingo-primary-200: #BFDBFE;
  --gmingo-primary-300: #93C5FD;
  --gmingo-primary-400: #60A5FA;
  --gmingo-primary-500: #2F80ED;
  --gmingo-primary-600: #1F6FE5;
  --gmingo-primary-700: #1D63C9;
  --gmingo-primary-800: #1E3A8A;
  --gmingo-primary-900: #1A3A7C;
}

/* Dark mode: keep brand blues; invert surfaces/text only */
html.dark {
  --gmingo-background: #0B1220;
  --gmingo-background-alt: #111827;
  --gmingo-surface: #0F172A;
  --gmingo-surface-soft: rgba(47, 128, 237, 0.12);
  --gmingo-text: #F1F5F9;
  --gmingo-text-secondary: #94A3B8;
  --gmingo-text-muted: #64748B;
  --gmingo-text-placeholder: #64748B;
  --gmingo-border: rgba(148, 163, 184, 0.16);
  --gmingo-border-strong: rgba(148, 163, 184, 0.28);
  --gmingo-overlay: rgba(2, 6, 23, 0.72);
  --gmingo-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.35);
  --gmingo-shadow-sm: 0 4px 16px -4px rgba(0, 0, 0, 0.45);
  --gmingo-shadow-md: 0 12px 32px -12px rgba(0, 0, 0, 0.5);
  --gmingo-shadow-lg: 0 24px 48px -16px rgba(0, 0, 0, 0.55);
}