/*
 * Incresco ATS theme — the ONLY place design values live (DESIGN.md "Tokens").
 * Salesforce Lightning Design System (SLDS) values. Light and dark themes.
 * Swapping this file restyles the whole app, charts, emails and the candidate document page.
 * Served at runtime from /theme.css (THEME_FILE overrides the path).
 */
:root {
  /* Typography: the system font stack, as SLDS uses */
  --ats-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ats-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --ats-text-2xs: 0.6875rem;
  --ats-text-xs: 0.75rem;
  --ats-text-sm: 0.8125rem;
  --ats-text-base: 0.875rem;
  --ats-text-md: 1rem;
  --ats-text-lg: 1.125rem;
  --ats-text-xl: 1.25rem;
  --ats-text-2xl: 1.5rem;
  --ats-leading-tight: 1.25;
  --ats-leading-normal: 1.5;
  --ats-weight-normal: 400;
  --ats-weight-medium: 500;
  --ats-weight-semibold: 600;
  --ats-weight-bold: 700;

  /* Spacing: 4px scale */
  --ats-spacing: 0.25rem;

  /* Radius and shadows */
  --ats-radius-sm: 0.125rem;
  --ats-radius: 0.25rem;
  --ats-radius-md: 0.375rem;
  --ats-radius-lg: 0.5rem;
  --ats-radius-full: 9999px;
  --ats-shadow-card: 0 2px 2px 0 rgb(0 0 0 / 0.1);
  --ats-shadow-pop: 0 2px 8px 0 rgb(0 0 0 / 0.16);
  --ats-shadow-modal: 0 8px 24px 0 rgb(0 0 0 / 0.24);
  --ats-shadow-focus: 0 0 0 2px #ffffff, 0 0 0 4px #0176d3;

  /* Layering and motion */
  --ats-z-sticky: 10;
  --ats-z-header: 30;
  --ats-z-dropdown: 40;
  --ats-z-overlay: 50;
  --ats-z-modal: 60;
  --ats-z-toast: 70;
  --ats-duration-fast: 100ms;
  --ats-duration: 200ms;
  --ats-ease: cubic-bezier(0.2, 0, 0, 1);

  /* Sizes */
  --ats-size-touch: 2.75rem;
  --ats-size-control: 2rem;
  --ats-size-header: 3rem;
  --ats-size-nav: 2.5rem;
  --ats-size-tabbar: 2.25rem;
  --ats-size-sidebar: 15rem;
  --ats-size-board-column: 17rem;
  --ats-size-board-column-min: 10rem;
  --ats-size-dialog: 32rem;
  --ats-size-dialog-wide: 48rem;
  --ats-size-panel: 26rem;
  --ats-size-content: 80rem;

  /* Colours: SLDS light */
  --ats-color-brand: #0176d3;
  --ats-color-brand-hover: #014486;
  --ats-color-brand-foreground: #ffffff;
  --ats-color-brand-soft: #eef4ff;
  --ats-color-brand-soft-foreground: #014486;
  --ats-color-app-bg: #f3f3f3;
  --ats-color-surface: #ffffff;
  --ats-color-surface-alt: #fafaf9;
  --ats-color-surface-hover: #f3f3f3;
  --ats-color-foreground: #181818;
  --ats-color-muted-foreground: #444444;
  --ats-color-subtle-foreground: #5c5c5c;
  --ats-color-border: #c9c9c9;
  --ats-color-border-weak: #e5e5e5;
  --ats-color-header: #032d60;
  --ats-color-header-foreground: #ffffff;
  --ats-color-header-input: #014486;
  --ats-color-nav: #ffffff;
  --ats-color-nav-foreground: #181818;
  --ats-color-nav-active: #0176d3;
  --ats-color-success: #2e844a;
  --ats-color-success-soft: #ebf7e6;
  --ats-color-success-foreground: #194e31;
  --ats-color-warning: #dd7a01;
  --ats-color-warning-soft: #fef1ee;
  --ats-color-warning-foreground: #8c4b02;
  --ats-color-error: #ba0517;
  --ats-color-error-soft: #feded8;
  --ats-color-error-foreground: #8e030f;
  --ats-color-info-soft: #eef4ff;
  --ats-color-overlay: rgb(8 7 7 / 0.6);
  --ats-color-focus: #0176d3;
  --ats-color-path-complete: #2e844a;
  --ats-color-path-current: #0176d3;
  --ats-color-path-incomplete: #e5e5e5;
  --ats-color-chart-1: #0176d3;
  --ats-color-chart-2: #2e844a;
  --ats-color-chart-3: #dd7a01;
  --ats-color-chart-4: #9050e9;
  --ats-color-chart-5: #ba0517;
  --ats-color-chart-6: #0d9dda;
  --ats-color-chart-grid: #e5e5e5;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --ats-shadow-card: 0 2px 2px 0 rgb(0 0 0 / 0.4);
  --ats-shadow-pop: 0 2px 8px 0 rgb(0 0 0 / 0.5);
  --ats-shadow-modal: 0 8px 24px 0 rgb(0 0 0 / 0.6);
  --ats-shadow-focus: 0 0 0 2px #1a1b1e, 0 0 0 4px #78b0fd;
  --ats-color-brand: #78b0fd;
  --ats-color-brand-hover: #aacbff;
  --ats-color-brand-foreground: #001639;
  --ats-color-brand-soft: #0b2a52;
  --ats-color-brand-soft-foreground: #d8e6fe;
  --ats-color-app-bg: #121314;
  --ats-color-surface: #1d1e21;
  --ats-color-surface-alt: #232428;
  --ats-color-surface-hover: #2a2c31;
  --ats-color-foreground: #f3f3f3;
  --ats-color-muted-foreground: #c9c9c9;
  --ats-color-subtle-foreground: #aeaeae;
  --ats-color-border: #4d4f55;
  --ats-color-border-weak: #34363b;
  --ats-color-header: #001639;
  --ats-color-header-foreground: #f3f3f3;
  --ats-color-header-input: #0b2a52;
  --ats-color-nav: #1d1e21;
  --ats-color-nav-foreground: #f3f3f3;
  --ats-color-nav-active: #78b0fd;
  --ats-color-success: #45c65a;
  --ats-color-success-soft: #0e2e18;
  --ats-color-success-foreground: #cdefc4;
  --ats-color-warning: #fe9339;
  --ats-color-warning-soft: #3a2104;
  --ats-color-warning-foreground: #ffdea9;
  --ats-color-error: #fe8070;
  --ats-color-error-soft: #3e0b06;
  --ats-color-error-foreground: #feded8;
  --ats-color-info-soft: #0b2a52;
  --ats-color-overlay: rgb(0 0 0 / 0.7);
  --ats-color-focus: #78b0fd;
  --ats-color-path-complete: #45c65a;
  --ats-color-path-current: #78b0fd;
  --ats-color-path-incomplete: #34363b;
  --ats-color-chart-1: #78b0fd;
  --ats-color-chart-2: #45c65a;
  --ats-color-chart-3: #fe9339;
  --ats-color-chart-4: #ba95f2;
  --ats-color-chart-5: #fe8070;
  --ats-color-chart-6: #5bc4ef;
  --ats-color-chart-grid: #34363b;
  color-scheme: dark;
}