@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400&family=Bangers&family=Share+Tech+Mono&family=Kalam:wght@400;700&display=swap');

:root {
    /* Core palette — matched to Workspace */
    --bg-main:        #0d1520;
    --bg-panel:       rgba(10, 18, 35, 0.82);
    --bg-panel-2:     rgba(8, 14, 28, 0.88);
    --border-soft:    rgba(255, 255, 255, 0.1);
    --border-mid:     rgba(255, 255, 255, 0.18);
    --border-strong:  #f5a800;

    /* Text */
    --text-main:      #dce8f5;
    --text-muted:     #7a9ab8;
    --text-strong:    #f0ebe0;

    /* Accents — yellow/gold from Workspace header */
    --accent:         #f5a800;
    --accent-dark:    #c47f00;
    --accent-text:    #0d1520;

    /* Status */
    --warning:        #f5a800;
    --danger:         #c0392b;
    --success:        #2dc653;

    /* Shadows */
    --shadow-hard:    #040a12;
    --shadow-panel:   rgba(0, 0, 0, 0.45);

    /* Fonts */
    --font-main:      'Exo 2', sans-serif;
    --font-mono:      'Share Tech Mono', monospace;
    --font-display:   'Bangers', cursive;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--font-main);
    font-weight: 400;
    background: var(--bg-main);
    color: var(--text-main);
    overflow: hidden;
}