/* Dual-brand token layer (card 2739).
   The default :root tokens are the 1voice (B2B) skin. This file remaps
   the SAME token names for OshiVoice, keyed off <html data-brand=...>.
   Custom properties inherit through Shadow DOM, so every component
   re-skins itself with no component changes.
   Values lifted verbatim from design doc 1voice-1.dc.html (.ov block). */

[data-brand="oshivoice"] {
  --color-primary: #FF4D6D;
  --color-primary-soft: rgba(255, 77, 109, 0.14);
  --color-accent: #FF2DBE;
  --color-bg: #0B1020;
  --color-surface: #121A30;
  --color-surface-2: #1A2342;
  --color-border: #263159;
  --color-text: #F5F7FA;
  --color-text-dim: #9AA7C7;
  --font-heading: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

  /* OshiVoice signature: gradient primary buttons with glow */
  --btn-primary-bg: linear-gradient(100deg, #FF6A00 0%, #FF4D6D 52%, #FF2DBE 100%);
  --btn-primary-bg-hover: linear-gradient(100deg, #FF6A00 0%, #FF4D6D 52%, #FF2DBE 100%);
  --btn-primary-fg: #FFFFFF;
  --btn-primary-shadow: 0 0 24px rgba(255, 77, 109, 0.38);
  --btn-primary-hover-filter: brightness(1.08);

  /* Wave bars run the brand gradient */
  --wave-1: #FF6A00;
  --wave-2: #FF5C36;
  --wave-3: #FF4D6D;
  --wave-4: #FF4390;
  --wave-5: #FF39A8;
  --wave-6: #FF31B5;
  --wave-7: #FF2DBE;
}
