/*
  HRMS Brand Tokens
  -----------------
  To rebrand: change values below. All CSS files reference these variables.
*/

:root {
    /* Primary action color (buttons, active nav, links, focus rings) */
    --brand-primary: #3b82f6;
    --brand-primary-hover: #2563eb;
    --brand-primary-soft: rgba(59, 130, 246, 0.10);
    --brand-primary-border: rgba(59, 130, 246, 0.18);
    --brand-primary-strong: rgba(59, 130, 246, 0.25);
    --brand-primary-focus: 0 0 0 0.22rem rgba(59, 130, 246, 0.22);

    /* Secondary / heading accent */
    --brand-heading: #004c9e;
    --brand-link: #006fcb;

    /* Danger / destructive */
    --brand-danger: #ef4444;
    --brand-danger-bg: #fef2f2;
    --brand-danger-border: #fecaca;
    --brand-danger-text: #b91c1c;

    /* Surfaces */
    --surface-page: #f9fafb;
    --surface-card: #ffffff;
    --surface-sidebar: #ffffff;

    /* Text */
    --text-primary: #0f172a;
    --text-secondary: #5c5d5e;
    --text-muted: rgba(15, 23, 42, 0.62);
    --text-placeholder: #878889;

    /* Borders */
    --border-default: #eaecf0;
    --border-subtle: rgba(15, 23, 42, 0.10);
    --border-divider: #f5f5f6;

    /* Shadows */
    --shadow-sm: 0 8px 20px rgba(2, 6, 23, 0.06);
    --shadow-md: 0 12px 34px rgba(2, 6, 23, 0.10);

    /* Radii */
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-pill: 100px;

    /* Avatar */
    --avatar-bg: #bfdbfe;
    --avatar-text: #1a1a1a;

    /* Animation */
    --ease-out: cubic-bezier(.2, .8, .2, 1);
}