/* RevBoost theme tokens — v1 (Orange + Plum) */
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap");

:root {
  /* Brand */
  --rb-plum-950: #2A0F36;
  --rb-plum-900: #3A1749;
  --rb-plum-800: #4B1F5E; /* brand plum */
  --rb-plum-700: #5E2C74;
  --rb-plum-600: #74408C;
  --rb-plum-300: #C7AED3;
  --rb-plum-100: #EFE7F3;
  --rb-plum-50:  #F8F4FA;

  --rb-orange-700: #C2470A; /* orange text on light bg */
  --rb-orange-600: #E85A0C; /* hover */
  --rb-orange-500: #FF6B1A; /* brand orange */
  --rb-orange-100: #FFE8DA;
  --rb-orange-50:  #FFF4EC;

  /* Neutrals (plum-tinted) */
  --rb-ink:      #1F1A24;
  --rb-text-2:   #5B5463;
  --rb-text-3:   #8A8392;
  --rb-border:   #E5E0E8;
  --rb-surface:  #FFFFFF;
  --rb-bg:       #F7F5F8;

  /* Status */
  --rb-success: #1F8A5B;
  --rb-warning: #B7791F;
  --rb-danger:  #C93A3A;

  /* Semantic */
  --rb-primary:        var(--rb-plum-800);
  --rb-primary-hover:  var(--rb-plum-900);
  --rb-primary-fg:     #FFFFFF;
  --rb-accent:         var(--rb-orange-500);
  --rb-accent-hover:   var(--rb-orange-600);
  --rb-accent-fg:      var(--rb-plum-950);
  --rb-link:           var(--rb-plum-700);
  --rb-focus-ring:     0 0 0 3px rgba(255, 107, 26, 0.35);

  /* Type */
  --rb-font-display: "Sora", system-ui, sans-serif;
  --rb-font-ui:      "Manrope", system-ui, sans-serif;

  /* Radius */
  --rb-radius-sm: 8px;
  --rb-radius-md: 12px;
  --rb-radius-lg: 16px;
  --rb-radius-full: 999px;

  /* Spacing (4px base) */
  --rb-space-1: 4px;  --rb-space-2: 8px;  --rb-space-3: 12px;
  --rb-space-4: 16px; --rb-space-6: 24px; --rb-space-8: 32px;
  --rb-space-12: 48px; --rb-space-16: 64px;

  /* Elevation */
  --rb-shadow-sm: 0 1px 2px rgba(42, 15, 54, 0.06);
  --rb-shadow-md: 0 4px 16px rgba(42, 15, 54, 0.08);
}