:root {
    /* Colors */
    --clr-primary: #8619D2;
    --primary-hover: #7523c7;
    --clr-primary-glow: rgba(138, 43, 226, 0.15);
    --clr-primary-dark: #7120C4;
    --clr-primary-light: #A855F7;
    --clr-accent: #D946EF;
    --clr-primary-pale: #EDE9FE;
    --clr-white: #FFFFFF;
    --clr-offwhite: #F9FAFB;
    --clr-bg: #FAFAFA;
    --body-bg: #F8F9FA;
    --clr-black: #000000;
    --clr-gray-bg: #00000033;
    --clr-text: #6F6A6A;
    --clr-text-secondary: #171717;
    --clr-placeholder: #716C6C;
    --clr-border: #E5E7EB;
    --clr-border-light: #F3F4F6;
    --clr-border-focus: #8A2BE2;
    --clr-icon-bg: #DCADFE;
    --clr-border-success: #CDA7FF;
    --clr-done-icon: #FAF6FF;
    --clr-error: #EF4444;
    --danger-red: #dc3545;
    --clr-divider: #E5E7EB;
    --clr-gray-50: #F9FAFB;
    --clr-gray-100: #F3F4F6;
    --clr-gray-200: #E5E7EB;
    --clr-gray-300: #D1D5DB;
    --clr-gray-400: #9CA3AF;
    --clr-gray-700: #374151;

    --clr-star: #F59E0B;
    --clr-green: #16A34A;
    --clr-green-light: #22C55E;
    --success-green: #28a745;

    --clr-yellow: #F59E0B;
    --clr-pink: #EC4899;
    --clr-text-muted: #6B7280;
    --clr-navy-dark: #1A1A2E;
    --clr-dark-soft: #2D2D44;

    --alcamp-purple: #8A2BE2;
    --alcamp-bg: #f6f6f7;
    --alcamp-text: #111111;
    --alcamp-muted: #6f6f76;
    --alcamp-ring: rgba(0, 0, 0, 0.16);
    --alcamp-card-border: rgba(0, 0, 0, 0.08);
    --alcamp-card-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);


    --closed-badge-text: #6c757d;
    --border-color: #e9ecef;
    --open-badge-bg: #d4edda;
    --text-muted: #6c757d;
    --text-light: #999;

    /* Talent Profile Colors */
    --tp-primary: #8A2BE2;
    --tp-primary-dark: #7A26C8;
    --tp-primary-light: #F0E5FF;
    --tp-black: #101828;
    --card-bg: #FFFFFF;
    --input-bg: #f0f0f0;
    --badge-bg: #E1CAFF;
    --tp-text: #6B7280;
    --tp-sub-text: #6A7282;
    --tp-text-light: #656565;
    --tp-text-gray: #787878;

    /* Typography */
    --ff-base: 'Poppins', sans-serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-extrabold: 800;

    /* Spacing */
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-3xl: 64px;
    --sp-4xl: 120px;
    --sp-5xl: 160px;


    /* Radius */
    --radius-sm: 6px;
    --radius-md: 12px;
    --card-radius: 15px;
    --radius-regular: 16px;
    --radius-lg: 18px;
    --radius-xl: 28px;
    --radius-full: 50%;



    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10);
    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.06);
    --shadow-purple: 0 8px 30px rgba(138, 43, 226, 0.25);

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition: 0.3s ease;
    --transition-slow: 0.5s ease;
}


*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--ff-base);
    font-weight: var(--fw-regular);
    color: var(--clr-navy-dark);
    background: var(--clr-white);
    line-height: 1.6;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button {
    cursor: pointer;
    font-family: inherit;
    border: none;
    background: none;
}