/* 
 * PadniSi Design System - Tokens
 * ------------------------------
 * Global variables for colors, typography, spacing, and shadows.
 * Extracted from padnisi-ui.css
 */

:root {
    /* --- Colors --- */

    /* Primary (Technology/Trust) */
    --primary: #4A6BFF;
    --primary-dark: #3A56E6;
    --primary-light: #6A8AFF;

    /* Secondary (Peter River - Logo Palette) */
    --secondary: rgb(41, 128, 185);
    /* Peter River Darker */
    --secondary-dark: rgb(52, 152, 219);
    /* Peter River Blue (Logo Base) */

    /* Accent (Uniqueness/Energy) */
    --accent: #6BFFD8;
    /* Turquoise */
    --accent-dark: #4AE6C3;

    /* States */
    --success: #2ED16C;
    /* Green - Success */
    --warning: #10B981;
    /* Emerald - Success/Calm */
    --danger: #EF4444;
    /* Red - Price drops, errors */

    /* Neutrals */
    --dark: #2A2D43;
    /* Main Text */
    --dark-light: #3A3F5A;
    /* Secondary Text */
    --light: #F8FAFF;
    /* Backgrounds */
    --gray: #A0A7C2;
    /* Muted Text */
    --gray-light: #E6E9F5;
    /* Borders, Dividers */

    /* --- Effects --- */
    --shadow: 0 8px 20px rgba(74, 107, 255, 0.15);
    --shadow-hover: 0 12px 30px rgba(74, 107, 255, 0.25);
    --shadow-card: 0 5px 15px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 10px 25px rgba(0, 0, 0, 0.12);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.05);

    /* --- Gradients --- */
    --gradient-primary: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 100%);
    --gradient-accent: linear-gradient(135deg, var(--accent) 0%, var(--primary-light) 100%);
    --gradient-hero: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 40%, var(--secondary) 100%);

    /* --- Constants --- */
    --anim-speed: 0.3s;

    /* --- Spacing --- */
    --spacing-offcanvas-body: 16px;

    /* --- Border Radius --- */
    --radius-card: 8px;

    /* --- Typography --- */
    --font-heading: 'Poppins', sans-serif;
    --font-body: 'Montserrat', sans-serif;
}