/* ═══════════════════════════════════════════════════════════════════════════
   Dalvue HR — Design Tokens as CSS Custom Properties
   Source: design.md (root)
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* Brand (primary teal + coral accent) */
  --color-brand-primary: #0f4d5c;
  --color-brand-secondary: #a6c4c0;
  --color-brand-accent: #E37A5E;
  --color-brand-light: #3d6b74;
  --color-brand-dark: #0a3a45;
  --color-brand-muted: #e8f0ef;
  --color-brand: var(--color-brand-primary);

  /* Page & surfaces */
  --color-page: #f6f8f8;
  --color-surface: #ffffff;
  --color-surface-alt: #eef2f2;

  /* Borders */
  --color-border: #d4e0de;
  --color-border-focus: #0f4d5c;
  --color-border-light: rgb(34 80 94 / 6%);

  /* Text */
  --color-text: #0e3543;
  --color-text-strong: #0e3543;
  --color-text-base: #1a4a56;
  --color-text-muted: #5a7a82;
  --color-text-subtle: #8aa3a8;

  /* Status */
  --color-status-success: #1D8A6A;
  --color-status-warning: #C47A2A;
  --color-status-danger: #C44A4A;
  --color-status-info: #2A7A9E;

  /* Spacing scale (rem) */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.5rem;

  /* Border radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;
  --radius-xl: 0.75rem;
  --radius-card: 0.75rem;
  --radius-modal: 0.75rem;
  --radius-button: 0.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-card: 0 2px 6px rgba(0, 0, 0, 0.08);
  --shadow-float: 0 10px 24px rgba(0, 0, 0, 0.1);
}