/* ==========================================================================
   TheHub - Royal Violet palette (light theme)
   --------------------------------------------------------------------------
   Single source of truth for colour. Loaded before every other stylesheet in
   both layouts and in home.blade.php, so every page can use these tokens.

   To retheme the whole app, change the values here and nothing else.
   ========================================================================== */

:root {
    /* ---- Accent: royal violet ---------------------------------------------
       A truer, warmer purple than the old electric blue-violet. 600 is the
       solid fill; 700 is used for accent text and links because it clears the
       contrast bar against white. */
    --accent-50:  #f5f3ff;   /* washes, hover rows */
    --accent-100: #ede9fe;   /* tints, chips */
    --accent-300: #c4b5fd;   /* borders, decorative */
    --accent-400: #a78bfa;   /* gradient tail */
    --accent-500: #8b5cf6;   /* hover */
    --accent-600: #7c3aed;   /* PRIMARY: buttons, active states */
    --accent-700: #6d28d9;   /* pressed, and accent text on white */

    --accent-ring: rgba(124, 58, 237, 0.22);
    --accent-wash: #f5f3ff;

    /* Brand gradient behind the login panel. */
    --brand-gradient: linear-gradient(150deg, var(--accent-700) 0%, var(--accent-600) 55%, var(--accent-400) 100%);

    /* ---- Surfaces --------------------------------------------------------
       Neutrals carry a faint violet tint so white areas feel part of the
       theme rather than plain grey. */
    --bg:        #ffffff;    /* page background */
    --bg-deep:   #eeeaf7;    /* recessed: progress tracks, pressed states */
    --surface:   #ffffff;    /* cards, list rows, modals */
    --surface-2: #f4f1fb;    /* raised / hover / inset */
    --border:    #e5e0f0;    /* hairlines, card borders */

    /* Gradient behind the auth screens. */
    --auth-gradient: linear-gradient(160deg, #f7f5fc 0%, #ece5ff 100%);

    /* ---- Text ------------------------------------------------------------ */
    --text:           #1e1a2b;
    --text-muted:     #6b6480;
    --text-on-accent: #ffffff;

    /* ---- Status ----------------------------------------------------------
       Chosen to stay legible as text on white, not just as fills. */
    --success: #0f7a4d;
    --warning: #a86a04;
    --danger:  #c62233;
    --info:    #1565c0;

    /* ---- Incidental accents ---------------------------------------------- */
    --star: #f0ad00;   /* book rating stars */
    --tag:  #c2620a;   /* language tag on book cards */

    /* Elevation - soft and low-contrast, as suits a light UI. */
    --shadow-card: 0 1px 2px rgba(30, 26, 43, 0.06), 0 2px 8px rgba(30, 26, 43, 0.05);
    --shadow-lift: 0 6px 16px rgba(124, 58, 237, 0.26);
    --shadow-modal: 0 24px 60px rgba(30, 26, 43, 0.22);
}