/*
 * TalentAI Brand Styles
 * Global branding CSS for consistent TalentAI styling across the application
 */

/* Brand text accent - gradient effect for "AI" portion */
.text-accent,
.brand-accent {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Brand text container - for "Talent" portion */
.brand-text {
    font-weight: 800;
    color: #1a1a2e;
}

/* Dark mode support */
[data-bs-theme="dark"] .brand-text {
    color: #f8f9fa;
}

/* ==============================================
   Role Badge Colors - Issue #1187/#1188
   ============================================== */

/* EXECUTIVE role: Royal purple (read-only global access) */
.badge-phoenix-purple {
    background: #ede9fe;  /* Light purple background */
    color: #5b21b6;       /* Dark purple text */
}

/* Dark mode support for purple badge */
[data-bs-theme="dark"] .badge-phoenix-purple {
    background: #4c1d95;  /* Dark purple background */
    color: #e9d5ff;       /* Light purple text */
}

/* DEVELOPER role: Teal/cyan (create-only, mock JobDiva) */
.badge-phoenix-teal {
    background: #ccfbf1;  /* Light teal background */
    color: #0f766e;       /* Dark teal text */
}

/* Dark mode support for teal badge */
[data-bs-theme="dark"] .badge-phoenix-teal {
    background: #115e59;  /* Dark teal background */
    color: #99f6e4;       /* Light teal text */
}