/* ========================================
   VARIABLES CSS - Calendrier Abrak
   Police : Roboto
   ======================================== */

/* Import de la police Roboto depuis Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
    /* === TYPOGRAPHIE === */
    --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Oxygen', 'Ubuntu', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;

    /* === COULEURS PRINCIPALES === */
    --abrak-brown: #5a4031;
    --abrak-dark-brown: #2d1f13;
    --abrak-gold: #d4af37;
    --abrak-light-gold: #f4e4a6;
    --abrak-beige: #e8dcc8;
    --abrak-light: #f9f6f0;

    /* === COULEURS ÉVÉNEMENTS === */
    --color-donjon: #9b59b6;
    --color-boss: #e74c3c;
    --color-event: #3498db;
    --color-contest: #f39c12;
    --color-pvp: #c0392b;
    --color-guild: #27ae60;
    --color-maintenance: #95a5a6;
    --color-special: #e67e22;

    /* === ESPACEMENTS === */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;

    /* === BORDER RADIUS === */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    /* === OMBRES === */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.6);

    /* === TRANSITIONS === */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}