/* ============================================================
   CHARDI.AI — DESIGN TOKENS
   Terminal-grade government tender intelligence platform
   ============================================================ */

:root {
  /* ── Core Backgrounds ── */
  --color-bg:              #0a0b0d;
  --color-bg-secondary:    #0e1014;
  --color-surface:         #13151a;
  --color-surface-raised:  #181b21;
  --color-surface-overlay: #1d2028;

  /* ── Borders ── */
  --color-border:          rgba(255, 255, 255, 0.048);
  --color-border-strong:   rgba(255, 255, 255, 0.089);
  --color-border-accent:   rgba(251, 190, 36, 0.281);

  /* ── Text ── */
  --color-text-primary:    #f0f0ee;
  --color-text-secondary:  #9a9a94;
  --color-text-muted:      #b7b7b7;
  --color-text-inverse:    #0a0b0d;

  /* ── Accent — Electric Amber (single accent rule) ── */
  --color-accent:          #f5a623;
  --color-accent-bright:   #fbbf24;
  --color-accent-dim:      rgba(245, 166, 35, 0.15);
  --color-accent-glow:     rgba(245, 166, 35, 0.08);

  /* ── Status Colors ── */
  --color-status-open:          #22c55e;
  --color-status-open-bg:       rgba(34, 197, 94, 0.1);
  --color-status-open-border:   rgba(34, 197, 94, 0.25);
  --color-status-closed:        #6b7280;
  --color-status-closed-bg:     rgba(107, 114, 128, 0.1);
  --color-status-closed-border: rgba(107, 114, 128, 0.2);
  --color-status-cancelled:     #ef4444;
  --color-status-cancelled-bg:  rgba(239, 68, 68, 0.1);
  --color-status-cancelled-border: rgba(239, 68, 68, 0.25);

  /* ── Deadline Urgency ── */
  --color-deadline-urgent: #ef4444;
  --color-deadline-soon:   #f59e0b;
  --color-deadline-normal: var(--color-text-secondary);

  /* ── Portal Badge Colors ── */
  --color-portal-gem:      #3b82f6;
  --color-portal-cppp:     #8b5cf6;
  --color-portal-ireps:    #06b6d4;
  --color-portal-state:    #10b981;

  /* ── Typography ── */
  --font-display: 'DM Serif Display', Georgia, serif;
  --font-sans:    'Geist', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* ── Type Scale ── */
  --text-xs:   0.6875rem;  /* 11px */
  --text-sm:   0.8125rem;  /* 13px */
  --text-base: 0.9375rem;  /* 15px */
  --text-lg:   1.0625rem;  /* 17px */
  --text-xl:   1.25rem;    /* 20px */
  --text-2xl:  1.5rem;     /* 24px */
  --text-3xl:  2rem;       /* 32px */
  --text-4xl:  2.75rem;    /* 44px */

  /* ── Spacing ── */
  --spacing-xs:   4px;
  --spacing-sm:   8px;
  --spacing-md:   16px;
  --spacing-lg:   24px;
  --spacing-xl:   32px;
  --spacing-2xl:  48px;
  --spacing-3xl:  64px;

  /* ── Border Radius ── */
  --radius-xs: 1px;
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 9px;
  --radius-xl: 13px;
  --radius-full: 9996px;

  /* ── Shadows ── */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.6);
  --shadow-accent: 0 0 20px rgba(245, 166, 35, 0.15);

  /* ── Layout ── */
  --navbar-height:   56px;
  --statsbar-height: 100px;
  --sidebar-width:   272px;
  --page-max-width:  1440px;
  --content-padding: var(--spacing-lg);

  /* ── Transitions ── */
  --transition-fast:   110ms ease-in-out;
  --transition-base:   180ms ease-in-out;
  --transition-slow:   320ms ease-in-out;
  --transition-bounce: 350ms cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Z-index layers ── */
  --z-base:    1;
  --z-raised:  10;
  --z-sticky:  100;
  --z-drawer:  200;
  --z-overlay: 190;
  --z-navbar:  300;
  --z-tooltip: 400;
}