/**
 * JUMPER Perfil Profissional - Design System Tokens
 * Derived from https://jumpercursos.com.br/ visual identity
 * Minimalist Brutalism / High Contrast Tech Style
 */

:root {
    /* Brand Harmonious Colors */
    --color-primary: #0056A7;       /* Royal Blue - Trust, Authority, Credibility */
    --color-primary-dark: #003F7D;  /* Dark Blue - Headers, Active States */
    --color-primary-light: #EBF4FC; /* Ice Blue - Background sections */
    
    --color-accent: #CCF256;        /* Lime Green - Energy, Youth, CTAs, Growth */
    --color-accent-dark: #B5D940;   /* Lime Green Hover - Buttons Hover */
    --color-accent-light: #F8FDF0;  /* Very Light Green - Card Backgrounds */

    /* Neutrals */
    --color-dark: #212121;          /* Charcoal Black - High Contrast Typography */
    --color-gray-dark: #6E6E6E;     /* Muted Charcoal - Subtitles, captions */
    --color-gray-light: #F4F4F4;    /* Light Gray - Section dividers, input borders */
    --color-white: #FFFFFF;         /* Solid White - Clean workspaces */
    
    /* Semantic Colors */
    --color-success: #02CA02;       /* Active Green */
    --color-error: #E02424;         /* Error Red */
    --color-warning: #E3A008;       /* Pending Gold */

    /* Typography System (Google Fonts) */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Poppins', sans-serif;

    /* Visual Geometry Extremism (Sharp Modern Edge) */
    --border-radius-xs: 0px;        /* Brutalist crisp corner for input/outer shapes */
    --border-radius-sm: 2px;        /* Precise micro-sharp cards */
    --border-radius-md: 4px;        /* General interactive items */
    --border-radius-lg: 8px;        /* Max soft radius - strictly restricted */
    
    /* Shadows - High Contrast Brutalist Style */
    --shadow-flat: 4px 4px 0px #212121; /* High-contrast flat offset block shadow */
    --shadow-flat-hover: 2px 2px 0px #212121;
    --shadow-soft: 0px 4px 20px rgba(0, 0, 0, 0.05);

    /* Transitions */
    --transition-fast: 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Base Body Styles */
body {
    font-family: var(--font-body);
    background-color: var(--color-white);
    color: var(--color-dark);
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    font-weight: 700;
    color: var(--color-primary-dark);
}