/* ────────────────────────────────────────────────────────────────
   tokens-theme.css — browse.xxx theme tokens

   Accent: Violet-500 #8B5CF6  ·  Background: Cool dark #08080c
   (unchanged from the flat assets/style.css — same clothes, better
   posture; only the file structure is new)
   ──────────────────────────────────────────────────────────────── */

:root {
    --accent:          #8B5CF6;
    --accent-hover:    #7C3AED;
    --accent-dim:      rgba(139, 92, 246, 0.15);
    --accent-border:   rgba(139, 92, 246, 0.35);

    --bg:              #08080c;
    --bg-surface:      #111118;
    --bg-card:         #16161e;
    --bg-card-hover:   #1e1e28;

    --text:            #f0f0f4;
    --text-muted:      #9898a8;
    --text-dim:        #555565;
    --text-secondary:  #c8c8d4;

    --border:          rgba(255, 255, 255, 0.07);
    --border-hover:    rgba(139, 92, 246, 0.45);

    --success:         #10b981;
    --warning:         #f59e0b;
    --danger:          #f87171;
}