/* ============================================================
   OPENDOCS — Design Tokens (Marketing)
   Inspired by GitBook's warm, clean design system
   ============================================================ */
:root {
  --font-ui: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Backgrounds — warm whites like GitBook */
  --bg:            #fafaf9;
  --bg-warm:       #f5f5f4;
  --bg-dark:       #1c1917;
  --surface:       #ffffff;
  --surface-2:     #f5f5f4;

  /* Borders */
  --border:        #e7e5e4;
  --border-subtle: rgba(0,0,0,0.06);

  /* Text — warm neutrals */
  --text:          #1c1917;
  --text-secondary:#57534e;
  --text-muted:    #78716c;
  --text-faint:    #a8a29e;

  /* Accent — OpenDocs blue (instead of GitBook orange) */
  --accent:        #2563EB;
  --accent-dark:   #1D4ED8;
  --accent-soft:   #DBEAFE;
  --accent-text:   #FFFFFF;

  /* Status */
  --success: #16a34a;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);

  /* Layout */
  --max-width: 1176px;
  --section-padding: 120px;
}