/* Rufio tokens — trimmed copy for the terminal landing */
:root {
  /* Gradient stops */
  --grad-pink:   #FF5F82;
  --grad-coral:  #FF8C46;
  --grad-amber:  #FFC832;
  --grad-green:  #78DC6E;
  --grad-cyan:   #50C8E6;

  --gradient-primary:
    linear-gradient(90deg,
      var(--grad-pink) 0%,
      var(--grad-coral) 25%,
      var(--grad-amber) 50%,
      var(--grad-green) 75%,
      var(--grad-cyan) 100%);

  --bandana-red:   #DC3232;
  --bandana-amber: #F0C83C;

  /* Dark (default) */
  --bg:            #0A0907;
  --surface:       #0E0D0B;
  --surface-2:     #14120E;
  --border:        #1F1C16;
  --border-strong: #2A2620;

  --fg:            #F5F2EC;
  --fg-muted:      #A8A299;
  --fg-subtle:     #6B665F;
  --fg-dim:        #4A463F;

  --accent:        var(--grad-pink);
  --accent-2:      var(--bandana-amber);

  --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;

  /* Spacing */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* Light variant */
:root[data-theme="light"] {
  --bg:            #FAF9F7;
  --surface:       #FFFFFF;
  --surface-2:     #F3F1ED;
  --border:        #E5E1DA;
  --border-strong: #D4CFC4;
  --fg:            #1A1714;
  --fg-muted:      #6B665F;
  --fg-subtle:     #9C968D;
  --fg-dim:        #C8C2B6;
  --accent:        var(--bandana-red);
}