/* =============================================================================
   Tallyfor Color Palette — CSS Custom Properties
   Prefix: --tf-*
   Categories: brand, semantic, neutral, status, bg, text, border
   ============================================================================= */

:root {
  /* -- Brand ---------------------------------------------------------------- */
  --tf-brand-primary: #316DDA;
  --tf-brand-secondary: #B5D7FF;
  --tf-brand-red: #E0645C;
  --tf-brand-dark-grey: hsla(253, 12%, 15%);

  /* -- Semantic -------------------------------------------------------------- */
  --tf-semantic-success: #28a745;
  --tf-semantic-warning: #ffc107;
  --tf-semantic-danger: #b80c03;
  --tf-semantic-info: #17a2b8;

  /* -- Neutrals (light → dark) ---------------------------------------------- */
  --tf-neutral-white: #ffffff;
  --tf-neutral-50: #f8f9fa;
  --tf-neutral-100: #f5f5f5;
  --tf-neutral-150: #f0f0f0;
  --tf-neutral-200: #e5e5e5;
  --tf-neutral-250: #dee2e6;
  --tf-neutral-300: #d4d4d4;
  --tf-neutral-400: #c8c8c8;
  --tf-neutral-500: #8a8a8a;
  --tf-neutral-600: #707070;
  --tf-neutral-700: #575757;
  --tf-neutral-800: #343a40;
  --tf-neutral-900: #212529;
  --tf-neutral-black: #000000;

  /* -- Status / Workflow Stages --------------------------------------------- */
  --tf-status-data-collection: #F59714;
  --tf-status-prep: #B3DA07;
  --tf-status-review: #04AE34;
  --tf-status-finalize: #55A5F4;
  --tf-status-accepted: #5D62E9;
  --tf-status-completed: #B060DF;

  /* -- Backgrounds ---------------------------------------------------------- */
  --tf-bg-main-panel: hsla(0, 0%, 93%, 1);
  --tf-bg-alternate-row: hsla(0, 0%, 93%, 1);
  --tf-bg-selected: #D2E7FE;
  --tf-bg-hover: #f0f0f0;
  --tf-bg-button: hsla(0, 0%, 97%, 1);
  --tf-bg-button-hover: hsla(0, 0%, 91%, 1);
  --tf-bg-button-active: hsla(0, 0%, 78%, 1);
  --tf-bg-success-light: #d4edda;
  --tf-bg-danger-light: #f8d7da;
  --tf-bg-warning-light: #fff3cd;
  --tf-bg-info-light: #d1ecf1;

  /* -- Text ----------------------------------------------------------------- */
  --tf-text-primary: #34414F;
  --tf-text-secondary: #707070;
  --tf-text-muted: #8a8a8a;
  --tf-text-inverse: #ffffff;
  --tf-text-link: #316DDA;
  --tf-text-button: hsla(0, 0%, 6%, 1);
  --tf-text-button-disabled: hsla(0, 0%, 6%, 0.4);

  /* -- Borders -------------------------------------------------------------- */
  --tf-border-default: #dee2e6;
  --tf-border-light: #e5e5e5;
  --tf-border-input: #ced4da;
  --tf-border-dark: #d4d4d4;
}