/* DOCTI COMMERCIAL — DESIGN TOKENS
   Source: docti-pro-biogenesis/tailwind.config.ts
   DO NOT edit hex values without updating tailwind.config.ts in production too.
*/
:root {
  /* Brand */
  --docti-blue:        #77B1CC;
  --docti-blue-dark:   #4A8AA8;
  --docti-blue-light:  #A8D0E6;
  --docti-orange:      #F2B371;
  --docti-orange-dark: #E9A05E;

  /* BioGenesis tenant */
  --bio-blue:          #0B79D9;
  --bio-navy:          #272B40;
  --bio-copper:        #D9A273;

  /* Dark surfaces (used in preview demo only) */
  --bg:                #0B1220;
  --surface:           #0F1A2E;
  --elevated:          #14213A;
  --border:            rgba(255,255,255,0.08);
  --border-hover:      rgba(119,177,204,0.4);

  /* Light surfaces (landing pages + connect portal) */
  --bg-light:          #F7F7FA;
  --surface-light:     #FFFFFF;
  --ink:               #1C1C1E;
  --subtext:           #4A4A4F;
  --muted:             #6B6B73;
  --divider:           #E8E8EE;

  /* Text on dark */
  --text-primary:      #F4F7FF;
  --text-secondary:    #B9C2D6;
  --text-muted:        #7E8AA6;

  /* Status */
  --success:           #22C55E;
  --warning:           #F59E0B;
  --error:             #EF4444;
  --info:              #3B82F6;

  /* Status badge backgrounds (dark mode) */
  --badge-draft-bg:    rgba(148,163,184,0.15);
  --badge-draft-text:  #94A3B8;
  --badge-pending-bg:  rgba(245,158,11,0.15);
  --badge-pending-text:#F59E0B;
  --badge-sent-bg:     rgba(59,130,246,0.15);
  --badge-sent-text:   #60A5FA;
  --badge-accepted-bg: rgba(34,197,94,0.15);
  --badge-accepted-text:#22C55E;
  --badge-rejected-bg: rgba(239,68,68,0.15);
  --badge-rejected-text:#EF4444;
  --badge-lead-bg:     rgba(139,92,246,0.15);
  --badge-lead-text:   #A78BFA;
  --badge-converted-bg:rgba(34,197,94,0.15);
  --badge-converted-text:#22C55E;

  /* Border radius */
  --r-card:   24px;
  --r-button: 999px;
  --r-input:  16px;
  --r-modal:  28px;
  --r-icon:   24px;
  --r-badge:  999px;

  /* Shadows */
  --shadow-card:    0 8px 32px rgba(0,0,0,0.2);
  --shadow-glow:    0 0 20px rgba(119,177,204,0.4);
  --shadow-glow-lg: 0 0 40px rgba(119,177,204,0.5);
  --shadow-lift:    0 20px 25px -5px rgba(0,0,0,0.1);
  --shadow-glass:   0 8px 32px rgba(31,38,135,0.15);

  /* Transitions */
  --t-fast:   150ms ease-out;
  --t-normal: 200ms ease-out;
  --t-slow:   300ms ease-out;

  /* Spacing (8pt grid) */
  --s1: 8px; --s2: 16px; --s3: 24px;
  --s4: 32px; --s5: 40px; --s6: 48px;
}