/* ============================================================
   Qinect Hub — Design Tokens
   Based on the Qinect corporate identity
============================================================ */

:root {
    /* Brand colours */
    --color-purple:        #6049cd;
    --color-purple-light:  #7B68D9;
    --color-purple-soft:   #EDE8FF;
    --color-aqua:          #29e1ec;
    --color-aqua-soft:     #D9FAFB;
    --color-dark:          #111229;
    --color-dark-mid:      #1C1E3A;
    --color-dark-light:    #2A2D4F;

    /* UI colours */
    --color-bg:            #F4F3F9;
    --color-surface:       #FFFFFF;
    --color-text:          #111229;
    --color-text-secondary:#6E6B82;
    --color-border:        #E0DEE9;

    /* Status colours */
    --color-success:       #22C582;
    --color-success-soft:  #E3F9EF;
    --color-warning:       #F5A623;
    --color-warning-soft:  #FEF3DE;
    --color-danger:        #E14D5A;
    --color-danger-soft:   #FDE8EA;

    /* Typography */
    --font-display: 'Space Grotesk', sans-serif;
    --font-body:    'DM Sans', sans-serif;

    /* Sizing */
    --sidebar-width:    260px;
    --header-height:    56px;
    --bottom-tab-height: 60px;

    /* Border radius */
    --radius-sm:   8px;
    --radius-md:   14px;
    --radius-lg:   20px;
    --radius-full: 100px;

    /* Shadows */
    --shadow-card:     0 1px 3px rgba(17,18,41,0.04), 0 4px 14px rgba(17,18,41,0.06);
    --shadow-elevated: 0 6px 24px rgba(17,18,41,0.12);
    --shadow-subtle:   0 1px 2px rgba(17,18,41,0.06);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;

    /* Avatar gradient */
    --gradient-avatar: linear-gradient(135deg, #6049cd, #29e1ec);
}