/* ============================================================
   Squad Design System — Foundation tokens
   (admin panel surface). Zero loose hex in components: tudo via token.
   ============================================================ */
:root {
  /* ---- Text (6-level scale) ---- */
  --color-text-primary: #0c0d0d;
  --color-text-secondary: #4b5454;
  --color-text-muted: #6b7373; /* darkened to meet WCAG AA (~4.6:1) for content/metadata */
  --color-text-placeholder: #9ba4a4; /* only for input placeholders, never content */
  --color-text-subtag: #737c8f;
  --color-text-on-accent: #ffffff;

  /* ---- Backgrounds / surfaces ---- */
  --color-bg-page: #ffffff;
  --color-bg-canvas: #fbfbfc;
  --color-bg-surface: #ffffff;
  --color-bg-surface-glass: rgba(255, 255, 255, 0.72);
  --color-bg-action: #0c0d0d;
  --color-bg-subtle: #ebeded;
  --color-bg-subtle-hover: #e2e5e5;
  --color-bg-hover: #f5f6f6;
  --color-bg-scrim: rgba(16, 18, 20, 0.34);

  /* ---- Borders ---- */
  --color-border-glass: rgba(12, 13, 13, 0.08);
  --color-divider: #ededf0;
  --color-divider-strong: #e2e4e8;
  --color-timeline-divider: var(--color-text-placeholder);

  /* ---- System states ---- */
  --color-success: #34c759;
  --color-success-soft: #e7f8ec;
  --color-warning: #ff9230;
  --color-warning-soft: #fff1e3;
  --color-error: #ff3b30;
  --color-error-soft: #ffeceb;
  --color-info-soft: #eef2ff;

  /* ---- Squad brand accents ---- */
  --color-accent-indigo: #5b86ef;
  --color-accent-indigo-soft: #eaf0fe;
  --color-accent-orange: #ff9230;
  --color-accent-green: #01b46c;
  --color-accent-green-soft: #e4f7ef;
  --color-accent-pink: #ff56ae;

  /* ---- Social platform colors ---- */
  --color-social-whatsapp: #25d366;
  --color-social-whatsapp-deep: #128c7e;
  --color-social-instagram: #dd2a7b;
  --color-social-email: #6c7a89;
  --color-social-linkedin: #0a66c2;

  /* ---- Module accent indirection (RH · Triagem de CVs) ---- */
  --module-accent: var(--color-accent-indigo);
  --module-accent-soft: var(--color-accent-indigo-soft);

  /* ---- Fit / aderência scale ---- */
  --color-fit-high: #01b46c;
  --color-fit-high-soft: #e4f7ef;
  --color-fit-mid: #ff9230;
  --color-fit-mid-soft: #fff1e3;
  --color-fit-low: #9ba4a4;
  --color-fit-low-soft: #f0f1f2;

  /* ---- Typography ---- */
  --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
    "Inter", system-ui, "Segoe UI", sans-serif;
  --font-size-caption: 11px;
  --font-size-footnote: 13px;
  --font-size-subheadline: 15px;
  --font-size-body: 14px;
  --font-size-callout: 16px;
  --font-size-title-3: 20px;
  --font-size-title-2: 24px;
  --font-size-title-1: 30px;
  --font-weight-regular: 400;
  --font-weight-medium: 510;
  --font-weight-subheadline: 590;
  --font-weight-bold: 680;

  /* ---- Spacing scale (4px base) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;

  /* ---- Radius ---- */
  --radius-pill: 999px;
  --radius-icon: 12px;
  --radius-card: 16px;
  --radius-widget: 24px;
  --radius-sm: 8px;

  /* ---- Shadows ---- */
  --shadow-card: 0 1px 2px rgba(16, 18, 20, 0.04), 0 1px 3px rgba(16, 18, 20, 0.06);
  --shadow-card-elevated: 0 10px 30px rgba(16, 18, 20, 0.1);
  --shadow-filter-pill: inset 0 0 0 1px rgba(12, 13, 13, 0.06), 0 1px 2px rgba(16, 18, 20, 0.05);
  --shadow-modal: 0 24px 60px rgba(16, 18, 20, 0.22);
  --shadow-fab: 0 6px 20px rgba(0, 0, 0, 0.22);

  /* ---- Table tokens ---- */
  --table-row-height: 56px;
  --table-row-padding-y: var(--space-3);
  --table-row-padding-x: var(--space-4);
  --size-table-avatar: 40px;

  /* ---- Layout ---- */
  --shell-sidebar-width: 232px;
  --split-list-width: 384px;
}