/* ============================================================================
   Hiring module design tokens — from Designs/recruitment/06_DESIGN_TOKENS.md.
   Scoped under .hiring-page (and .careers-page for the public site) so nothing
   bleeds into the legacy QHRM chrome.
   ============================================================================ */

.careers-page {
    /* standalone public layout never loads qhrm-design-system.css, so the
       --qhrm-* tokens below don't exist elsewhere on the page — define them
       here (same values as qhrm-design-system.css :root) so the var(--qhrm-*)
       mappings just below resolve instead of falling back to transparent. */
    --qhrm-bg: #f7f8fa;
    --qhrm-surface: #ffffff;
    --qhrm-border: #e5e7eb;
    --qhrm-border-strong: #d1d5db;
    --qhrm-text: #111827;
    --qhrm-text-muted: #6b7280;
    --qhrm-text-help: #9ca3af;
    --qhrm-primary: #4361ee;
    --qhrm-primary-hover: #3a54d4;
    --qhrm-primary-bg: rgba(91, 93, 226, 0.08);
    --qhrm-font: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.hiring-page, .careers-page {
    /* surfaces — mapped to global QHRM tokens for one brand across modules */
    --bg: var(--qhrm-bg);
    --surface: var(--qhrm-surface);
    --surface-2: #f2f4f8;
    --surface-3: #e8ebf1;
    --border: var(--qhrm-border);
    --border-2: var(--qhrm-border-strong);
    /* text */
    --text: var(--qhrm-text);
    --text-2: var(--qhrm-text-muted);
    --text-3: var(--qhrm-text-help);
    /* accent — logo-anchored indigo via global token */
    --accent: var(--qhrm-primary);
    --accent-2: var(--qhrm-primary-hover);
    --accent-soft: var(--qhrm-primary-bg);
    /* status */
    --success: #0e9f6e; --success-soft: #e7f7f0; --success-text: #0a7d56;
    --warning: #d97706; --warning-soft: #fcf2e3; --warning-text: #a85d04;
    --danger:  #dc2626; --danger-soft:  #fdebea; --danger-text:  #b91c1c;
    --info:    #2563eb; --info-soft:    #e8efff; --info-text:    #1d4ed8;
    /* type — inherit the global Poppins brand font */
    --font-sans: var(--qhrm-font);
    --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
    /* shape + elevation */
    --r-input: 8px; --r-card: 12px; --r-overlay: 14px; --r-pill: 22px;
    --shadow-card: 0 1px 2px rgba(16,20,30,.04), 0 1px 3px rgba(16,20,30,.05);
    --shadow-overlay: 0 24px 60px -16px rgba(16,20,30,.24);

    font-family: var(--font-sans);
    color: var(--text);
    background: var(--bg);
}

@media (prefers-reduced-motion: reduce) {
    .hiring-page *, .careers-page * {
        animation: none !important;
        transition: none !important;
    }
}