/* ── DPS Pune East design tokens ────────────────────────────────────────
   Mirrored from the design system used by the recruitment landing page
   (_ds/dps-pune-east-design-system-…/tokens/). Kept in step with it: if the
   brand changes there, change it here.

   Per the brand guideline:
     PRIMARY   Orange #ea3d0f + White
     SECONDARY Green  #008142 + Black #231f20 — sparingly, never dominant.

   Green is used here only for positive status (a live session, an allowed
   decision). It never carries a heading or a primary action.
*/

:root {
  --dps-orange: #ea3d0f;
  --dps-orange-soft: #fdebe5;
  --dps-orange-dark: #c8330b;
  --dps-green: #008142;
  --dps-green-soft: #e4f3eb;
  --dps-green-dark: #006633;
  --dps-black: #231f20;
  --dps-white: #ffffff;

  --ink: #231f20;
  --ink-2: #4a4647;
  --ink-3: #7a7677;
  --ink-4: #b5b1b2;

  --bg: #f7f6f3;
  --panel: #ffffff;
  --border-soft: #e8e6e1;
  --border-strong: #d4d1cc;

  --status-yellow: #f5a623;
  --status-yellow-soft: #fdf2d7;
  --status-red: #d0021b;
  --status-red-soft: #fde2e4;
  --status-green: #008142;
  --status-green-soft: #e4f3eb;

  --color-primary: var(--dps-orange);
  --color-primary-hover: var(--dps-orange-dark);
  --color-primary-tint: var(--dps-orange-soft);

  --font-heading: "Titillium Web", system-ui, -apple-system, sans-serif;
  --font-body: "Roboto", system-ui, -apple-system, sans-serif;

  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  --text-h1: 2.25rem; --text-h2: 1.75rem; --text-h3: 1.25rem; --text-h4: 1.125rem;
  --text-base: 1rem; --text-sm: 0.875rem; --text-xs: 0.75rem; --text-2xs: 0.6875rem;

  --leading-tight: 1.07; --leading-snug: 1.25; --leading-normal: 1.5;
  --tracking-tight: -0.01em; --tracking-label: 0.18em;

  --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem;
  --space-5: 1.25rem; --space-6: 1.5rem; --space-8: 2rem; --space-10: 2.5rem;
  --space-12: 3rem; --space-16: 4rem;

  --radius-sm: 0.5rem; --radius-md: 0.625rem; --radius-lg: 1rem;
  --radius-xl: 1.25rem; --radius-2xl: 1.5rem; --radius-pill: 999px;

  --shadow-sm: 0 1px 3px rgba(35, 31, 32, 0.06);
  --shadow-md: 0 4px 14px rgba(35, 31, 32, 0.08);
  --shadow-lg: 0 12px 40px rgba(35, 31, 32, 0.12);

  --ring-width: 3px;
  --container-max: 72rem;
}