/* Color Palette - CSS Custom Properties (CSS Variables) */
/* Aikido Fujiyama Brand Colors */

:root {
    /* Primary Brand Colors */
    --color-primary: #de3535;           /* Navy blue principale */
    --color-primary-light: #fd5656;     /* Navy blue più chiaro */
    --color-primary-dark: #9a0202;      /* Navy blue più scuro */
    --color-primary-lightest: #ff6767;  /* Navy blue molto chiaro per sfondi */

    /* Secondary Colors */
    --color-secondary: #3498db;         /* Blu accent */
    --color-secondary-light: #5dade2;   /* Blu accent chiaro */
    --color-secondary-dark: #2980b9;    /* Blu accent scuro */

    /* Neutral Colors */
    --color-white: #ffffff;
    --color-light: #f8f9fa;             /* Grigio molto chiaro */
    --color-light-gray: #e9ecef;        /* Grigio chiaro */
    --color-medium-gray: #6c757d;       /* Grigio medio */
    --color-dark-gray: #495057;         /* Grigio scuro */
    --color-black: #333333;             /* Nero principale per testi */

    /* Status Colors */
    --color-success: #28a745;           /* Verde per successo */
    --color-success-light: #d4edda;     /* Verde chiaro per sfondi */
    --color-success-dark: #155724;      /* Verde scuro per testi */

    --color-warning: #ffc107;           /* Giallo per avvertimenti */
    --color-warning-light: #fff3cd;     /* Giallo chiaro per sfondi */
    --color-warning-dark: #856404;      /* Giallo scuro per testi */

    --color-error: #dc3545;             /* Rosso per errori */
    --color-error-light: #f8d7da;       /* Rosso chiaro per sfondi */
    --color-error-dark: #721c24;        /* Rosso scuro per testi */

    --color-info: #17a2b8;              /* Azzurro per informazioni */
    --color-info-light: #d1ecf1;        /* Azzurro chiaro per sfondi */
    --color-info-dark: #0c5460;         /* Azzurro scuro per testi */

    /* Text Colors */
    --text-primary: var(--color-black);
    --text-secondary: var(--color-medium-gray);
    --text-muted: #6c757d;
    --text-white: var(--color-white);
    --text-black: #000000;
    --text-light: #cbd5e0;
    --text-dark: rgba(0, 0, 0, 0.7);

    /* Background Colors */
    --bg-primary: var(--color-white);
    --bg-secondary: var(--color-light);
    --bg-dark: var(--color-primary);
    --bg-light: #f8f9fa;

    /* Border Colors */
    --border-light: var(--color-light-gray);
    --border-medium: #dee2e6;
    --border-dark: var(--color-primary);

    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-dark: rgba(0, 0, 0, 0.3);
    --shadow-primary: rgba(30, 58, 95, 0.3);

    /* Overlay Colors */
    --overlay-light: rgba(255, 255, 255, 0.1);
    --overlay-medium: rgba(255, 255, 255, 0.15);
    --overlay-dark: rgba(30, 58, 95, 0.7);

    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);
    --gradient-hero: linear-gradient(135deg, #1e3a5f 0%, #2c5282 100%);

    /* Interactive Colors */
    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-light);
    --color-button-primary: var(--color-primary);
    --color-button-primary-hover: var(--color-primary-light);
    --color-button-secondary: transparent;
    --color-button-secondary-hover: var(--color-primary);

    /* Form Colors */
    --color-input-border: var(--color-light-gray);
    --color-input-border-focus: var(--color-primary);
    --color-input-bg: var(--color-white);
    --color-input-text: var(--color-black);

    /* Special Brand Colors for Aikido Theme */
    --color-aikido-gold: #d4af37;       /* Oro per elementi speciali */
    --color-aikido-red: rgba(243,51,38,1);        /* Rosso tradizionale giapponese */
    --color-aikido-green: #2d5016;      /* Verde tradizionale */
}