/* GENERATED from shared/tokens.css — edit that file, not this one. */
/* The Little Hero Club — design tokens.
   Single source of truth for colour and type across site/ and portal/.
   Edit here, then ./deploy.sh copies it into both (they deploy separately). */

:root {
  /* Surfaces */
  --bg:          #0D0B1A;
  --bg-deep:     #1A0A3E;
  --surface:     #16132A;
  --surface-2:   #1E1A35;
  --border:      #2A2550;
  --border-soft: #231F4A;

  /* Text */
  --text:   #EDE9E3;
  --text-2: #9B95C0;
  --text-3: #5A5580;

  /* Accent */
  --accent:        #9B7FD4;
  --accent-dim:    #6B5599;
  --accent-soft:   rgba(155, 127, 212, 0.12);
  --accent-border: rgba(155, 127, 212, 0.30);
  --on-accent:     #FFFFFF;

  /* Status */
  --error:   #E07070;
  --success: #70C090;
  --star:    #F5C518;

  /* Type */
  --font-heading: 'Lora', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Shape */
  --radius: 10px;
}