/* ============================================================
   UrbanCortex Design Tokens — single source of truth.
   Load before all other stylesheets.

   homepage.css uses --uc-hp-primary / --uc-hp-secondary for its own
   light-surface brand colours and no longer conflicts with these tokens.
   ============================================================ */

:root {
  /* Brand accent palette */
  --primary:            #50A5FF;
  --secondary:          #07111F;
  --secondary-invert:   rgba(255, 255, 255, 0.97);
  --primary-invert:     #ffffff;

  /* Semantic colour aliases */
  --uc-accent-blue:     #50A5FF;
  --uc-accent-orange:   #FFAA5A;
  --uc-accent-purple:   #9673FF;
  --uc-accent-green:    #74D6B3;
  --uc-accent-red:      #FF6B6B;

  /* Backgrounds */
  --uc-bg-dark:         #07111F;
  --uc-bg-dark-2:       #0A1220;

  /* Surfaces (dark glassmorphism) */
  --uc-surface:         rgba(10, 18, 32, 0.42);
  --uc-surface-2:       rgba(10, 18, 32, 0.55);

  /* Text */
  --uc-text:            rgba(255, 255, 255, 0.92);
  --uc-text-muted:      rgba(255, 255, 255, 0.70);

  /* Borders */
  --uc-border:          rgba(255, 255, 255, 0.14);

  /* Shared gradient */
  --uc-radial-bg: radial-gradient(
    circle at top left,
    rgba(15, 45, 82, 0.9) 0%,
    rgba(5, 18, 38, 1)   35%,
    rgba(2, 8, 20, 1)    100%
  );

  /* Layout */
  --uc-radius:           12px;
  --uc-radius-lg:        18px;
  --elements-roundness:  10rem;
  --space-between-blocks:               5.3rem;
  --space-between-blocks-small-screens: 3rem;
}