/* =====================================================================
   RabbidLabs / RabbidByte — Brand Design Tokens
   Version 1.2 — June 2026
   Drop-in CSS custom properties. Use var(--rb-*) instead of hard-coding.
   Dark-first. Two "modes": corporate (RabbidLabs) and terminal (RabbidByte).
   See RabbidLabs-Brand-Guidelines.md for usage.
   ===================================================================== */

:root {
  color-scheme: dark;

  /* ── Core palette (constants — used in both modes) ──────────────── */
  --rb-void:          #04070F; /* primary background */
  --rb-void-alt:      #030710; /* accepted twin (terminal mode) */
  --rb-void-plate:    #020914; /* deepest black: logo plate, code blocks */
  --rb-surface-1:     #0B1528; /* raised panels / nav / cards */
  --rb-surface-2:     #0F1D35; /* hover / nested surfaces */
  --rb-surface-card:  #0D1A2D; /* terminal-mode card fill */

  --rb-blue:          #4D65FF; /* PRIMARY brand color (the wave's blue) */
  --rb-cobalt:        #2D4098; /* deep shade / pressed states */
  --rb-green:         #21C281; /* SECONDARY brand color (the "Labs" green) */
  --rb-green-signal:  #00CC6A; /* terminal / success / "online" accent */

  --rb-text:          #EDF3FF; /* primary text on dark */
  --rb-text-cool:     #C8DFF0; /* primary text, terminal mode */
  --rb-text-muted:    #AEBAD4; /* secondary text */
  --rb-text-dim:      #6690B8; /* tertiary text, terminal mode */
  --rb-text-faint:    #3D5C7A; /* meta / timestamps */

  --rb-border:        rgba(143, 160, 188, 0.18); /* corporate hairline */
  --rb-border-tech:   #1A2F4D;                    /* terminal border */
  --rb-border-tech-2: #243D5E;                    /* terminal border, hover */

  /* ── Signature gradients (blue → green, ~135°) ──────────────────── */
  --rb-gradient-wave: linear-gradient(135deg, #4D65FF 0%, #21C281 100%); /* logo-true */
  --rb-gradient-glow: linear-gradient(135deg, #6EE7FF 0%, #86F4C5 100%); /* corporate CTA */

  /* ── RabbidLabs (corporate) accents ─────────────────────────────── */
  --rb-cyan:          #6EE7FF; /* primary corporate accent */
  --rb-mint:          #86F4C5; /* secondary corporate accent */

  /* ── RabbidByte (terminal) accents ──────────────────────────────── */
  --rb-blue-light:    #7FC8FF; /* links / headings */
  --rb-blue-pale:     #9ED2FA; /* hover / emphasis */
  --rb-blue-mid:      #006DDD; /* card links / quote borders */

  /* ── Shape language ─────────────────────────────────────────────── */
  --rb-radius-pill:   999px;   /* corporate buttons / topbar */
  --rb-radius-card:   28px;    /* corporate cards */
  --rb-radius-mini:   18px;    /* corporate mini-cards */
  --rb-radius:        6px;     /* terminal cards */
  --rb-radius-sm:     3px;     /* terminal chips / inputs */

  /* ── Elevation ──────────────────────────────────────────────────── */
  --rb-shadow:        0 18px 40px rgba(0, 0, 0, 0.35);      /* corporate */
  --rb-shadow-glow:   0 8px 28px rgba(77, 101, 255, 0.10);  /* terminal hover */

  /* ── Glass (corporate) ──────────────────────────────────────────── */
  --rb-panel:         rgba(9, 13, 22, 0.80);
  --rb-panel-strong:  rgba(14, 20, 33, 0.94);
  --rb-blur:          blur(14px);

  /* ── Typography ─────────────────────────────────────────────────── */
  --rb-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --rb-font-mono: "JetBrains Mono", "Courier New", monospace;
  --rb-tracking-tight: -0.03em; /* headings */
  --rb-tracking-wide:  0.18em;  /* eyebrows / labels (uppercase) */

  /* ── Layout ─────────────────────────────────────────────────────── */
  --rb-content-w: 860px;   /* reading width */
  --rb-wide-w:    1100px;  /* grid width */
  --rb-shell-w:   1200px;  /* corporate site shell */
  --rb-nav-h:     60px;

  /* ── Motion ─────────────────────────────────────────────────────── */
  --rb-ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --rb-dur-fast:  150ms;
  --rb-dur:       200ms;
  --rb-dur-slow:  250ms;
}

/* ── Light theme (corporate only; dark is the default brand habitat) ── */
:root[data-theme="light"] {
  color-scheme: light;
  --rb-void:       #F4F7FC; /* fixed: was #1D3358, a dark navy — failed AA against dark text */
  --rb-text:       #0F172A;
  --rb-text-muted: #334155;
  --rb-text-cool:  #0F2A4A; /* re-darkened: previously inherited the dark-theme value, illegible on light bg */
  --rb-cyan:       #0369A1; /* darkened from #0EA5E9 — original failed AA as text on a true light bg */
  --rb-mint:       #047857; /* darkened from #34D399 — original failed AA as text on a true light bg */
  --rb-panel:        rgba(232, 236, 242, 0.92);
  --rb-panel-strong: rgba(240, 244, 248, 0.98);
  --rb-border:       rgba(148, 163, 184, 0.35);
  --rb-shadow:       0 18px 36px rgba(15, 23, 42, 0.18);
}

/* ── Convenience base (optional) ────────────────────────────────────── */
/*
body {
  background: var(--rb-void);
  color: var(--rb-text);
  font-family: var(--rb-font-sans);
}
.rb-btn-primary {
  background: var(--rb-gradient-glow);
  color: #03111D;
  border-radius: var(--rb-radius-pill);
  font-weight: 600;
}
.rb-prompt::before { content: "> "; color: var(--rb-green-signal); } // terminal mode
*/