/* variables.css — Brandify design tokens */
:root {
  /* Brand colors */
  --blue:      #1F68FF;
  --purple:    #8A2EFF;
  --fuchsia:   #FF2DBD;
  --orange:    #FF9A00;
  --black:     #0D0D0D;
  --white:     #FFFFFF;
  --gray:      #F5F5F5;

  /* Official gradient */
  --gradient:  linear-gradient(90deg, #1F68FF 0%, #8A2EFF 33%, #FF2DBD 66%, #FF9A00 100%);
  --gradient-v: linear-gradient(135deg, #1F68FF 0%, #8A2EFF 40%, #FF2DBD 75%, #FF9A00 100%);

  /* Page surfaces 
  
--bg:        #0D0D0D;
  --surface:   #161616;
  --surface-2: #1E1E1E;

  */
  --bg:        #0D0D0D;
  --surface:   #161616;
  --surface-2: #1E1E1E;
  --border:    rgba(255,255,255,.08);
  --text:      #FFFFFF;
  --muted:     rgba(255,255,255,.5);

  /* Shadows */
  --shadow:    0 2px 12px rgba(0,0,0,.4);
  --shadow-h:  0 8px 40px rgba(0,0,0,.6);
  --glow:      0 0 30px rgba(138,46,255,.25);

  /* Shape */
  --radius:    16px;
  --radius-sm: 10px;
  --radius-pill: 40px;

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  32px;
  --space-2xl: 56px;

  /* Layout */
  --max-width: 1200px;
  --header-h:  72px;

  --border-soft: #e8e8ef;
  --bg-soft: #f7f7fb;
}