/* tokens.css */
:root {
    /* ===== BRAND ===== */
    --tef-gold: #caa24d;
    --tef-gold-soft: rgba(202,162,77,.2);

    /* ===== BACKGROUNDS ===== */
    --tef-bg: #0b0b0b;
    --tef-surface: #111;
    --tef-surface-soft: #0f0f0f;

    /* ===== TEXT ===== */
    --tef-text: #eaeaea;
    --tef-text-muted: #b5b5b5;

    /* ===== STATES ===== */
    --tef-success: #1f7a4f;
    --tef-info: #3a6ea5;
    --tef-danger: #a53a3a;

    /* ===== UI ===== */
    --tef-border: #222;
    --tef-radius: 14px;
    --tef-radius-sm: 10px;
    --tef-shadow: 0 0 30px rgba(0,0,0,.6);

    /* ===== TYPO ===== */
    --tef-font: 'Segoe UI', system-ui, sans-serif;

    --primary: #caa24d;
    --secondary: #555;
    --bg-panel: #1f1f1f;
    --text-primary: #fff;
    --text-light: #eee;
    --border-color: #444;
    --shadow-card: 0 2px 10px rgba(0,0,0,0.1);
    --input-bg: #2a2a2a;
    
    /* Button colors */
    --tef-btn-primary-bg: var(--tef-gold);
    --tef-btn-primary-text: #000;

    --tef-btn-secondary-bg: #1f1f1f;
    --tef-btn-secondary-text: var(--tef-text);

    --tef-btn-danger-bg: #b43c3c;
    --tef-btn-danger-text: #fff;

    --tef-btn-success-bg: #2f8f6b;
    --tef-btn-success-text: #fff;

    --tef-btn-muted-bg: #2a2a2a;
    --tef-btn-muted-text: var(--tef-text-muted);

    /* ===== CALENDAR SURFACE ===== */
    --tef-calendar-bg: var(--tef-bg);
    --tef-calendar-surface: var(--tef-surface);
    --tef-calendar-surface-soft: var(--tef-surface-soft);

    --tef-calendar-border: var(--tef-border);
    --tef-calendar-radius: var(--tef-radius);
    --tef-calendar-shadow: var(--tef-shadow);

    /* ===== GRID ===== */
    --tef-calendar-grid-bg: var(--tef-surface);
    --tef-calendar-grid-line: rgba(255,255,255,.04);

    --tef-calendar-cell-bg: transparent;
    --tef-calendar-cell-hover: rgba(255,255,255,.03);

    --tef-calendar-cell-today-bg: rgba(202,162,77,.12);
    --tef-calendar-cell-outside-opacity: .35;

    /* ===== TEXT ===== */
    --tef-calendar-text: var(--tef-text);
    --tef-calendar-text-muted: var(--tef-text-muted);

    --tef-calendar-date-color: var(--tef-text-muted);
    --tef-calendar-date-today: var(--tef-gold);

    --tef-calendar-font: var(--tef-font);

    /* ===== EVENTS ===== */
    --tef-calendar-event-radius: var(--tef-radius-sm);

    --tef-calendar-event-default-bg: var(--tef-gold-soft);
    --tef-calendar-event-default-text: var(--tef-gold);

    --tef-calendar-event-success-bg: rgba(31,122,79,.25);
    --tef-calendar-event-success-text: #5fd3a1;

    --tef-calendar-event-info-bg: rgba(58,110,165,.25);
    --tef-calendar-event-info-text: #7fb3ff;

    --tef-calendar-event-danger-bg: rgba(165,58,58,.25);
    --tef-calendar-event-danger-text: #ff9b9b;

    --tef-calendar-event-muted-bg: rgba(255,255,255,.06);
    --tef-calendar-event-muted-text: var(--tef-text-muted);

    /* ===== STATES ===== */
    --tef-calendar-event-hover-overlay: rgba(255,255,255,.08);
    --tef-calendar-event-selected-ring: 0 0 0 2px var(--tef-gold);

    --tef-calendar-focus-ring: 0 0 0 2px rgba(202,162,77,.4);

    /* ===== HEADER ===== */
    --tef-calendar-header-bg: var(--tef-surface-soft);
    --tef-calendar-header-text: var(--tef-text);

    --tef-calendar-nav-btn-bg: transparent;
    --tef-calendar-nav-btn-hover: rgba(255,255,255,.06);

    /* ===== EVENT MODAL ===== */
    --tef-calendar-modal-bg: var(--tef-surface);
    --tef-calendar-modal-border: var(--tef-border);
    --tef-calendar-modal-shadow: var(--tef-shadow);

    --tef-calendar-modal-title: var(--tef-text);
    --tef-calendar-modal-section-border: rgba(255,255,255,.06);

}
