/* ============================================================
   Braiden Posting Bot — Admin Panel
   Design tokens: colors, radii, shadows, type, spacing, density
   ============================================================ */

:root {
  /* ---- Accent (calm indigo) ---- */
  --accent: #5b5bd6;
  --accent-hover: #4f4fce;
  --accent-press: #4444c2;
  --accent-soft: #eeeefb;
  --accent-soft-2: #e2e2f8;
  --accent-ring: rgba(91, 91, 214, 0.30);
  --accent-text: #4a4ac0;

  /* ---- Neutrals (cool slate) ---- */
  --bg: #f7f8fa;
  --bg-rail: #fbfbfd;
  --surface: #ffffff;
  --surface-2: #f4f5f8;
  --surface-3: #eceef2;
  --line: #e6e8ee;
  --line-strong: #d7dae2;

  --ink: #1a1d26;
  --ink-2: #444a57;
  --ink-3: #6b7280;
  --ink-4: #969ca8;

  /* ---- Status ---- */
  --green: #1f9d57;
  --green-soft: #e6f6ec;
  --amber: #c77d11;
  --amber-soft: #fcf2e2;
  --red: #d8453c;
  --red-soft: #fdeceb;
  --blue: #2b76d9;
  --blue-soft: #e8f1fd;
  --violet: #7b54d6;
  --violet-soft: #f0eafb;

  /* ---- Radii ---- */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 11px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* ---- Shadows ---- */
  --sh-xs: 0 1px 2px rgba(20, 24, 38, 0.05);
  --sh-sm: 0 1px 3px rgba(20, 24, 38, 0.07), 0 1px 2px rgba(20, 24, 38, 0.04);
  --sh-md: 0 4px 14px -4px rgba(20, 24, 38, 0.12), 0 2px 6px -2px rgba(20, 24, 38, 0.07);
  --sh-lg: 0 18px 44px -12px rgba(20, 24, 38, 0.22), 0 6px 16px -8px rgba(20, 24, 38, 0.12);
  --sh-pop: 0 12px 36px -8px rgba(20, 24, 38, 0.24);

  /* ---- Type ---- */
  --font: "Golos Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Density (driven by tweaks) ---- */
  --density: 1;
  --radius-scale: 1;

  --tg-bg: #cfd9e3;
}

/* ===== Density-aware spacing ===== */
:root {
  --pad-page: calc(34px * var(--density));
  --gap-card: calc(18px * var(--density));
  --row-h: calc(44px * var(--density));
}