/*
 * VidasPrime brand theme: the default brand of the product build.
 * A deployment's brand package replaces this file (docs/specs/0002).
 * It defines variables and font faces only.
 */

@font-face {
  font-family: 'Soleil';
  src: url('/branding/fonts/Soleil-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Soleil';
  src: url('/branding/fonts/Soleil-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-brand: 'Soleil', sans-serif;

  /* Brand palette (RGB triplets for Tailwind's `brand-*` colours). 600 is #4E20E4. */
  --brand-50: 248 247 255;
  --brand-100: 239 235 254;
  --brand-200: 217 207 252;
  --brand-300: 155 127 247;
  --brand-400: 123 92 245;
  --brand-500: 107 63 245;
  --brand-600: 78 32 228;
  --brand-700: 61 25 179;
  --brand-800: 46 19 135;
  --brand-900: 32 13 94;
  --brand-950: 20 8 56;

  /* Secondary palette (`brand-alt-*`): VidasPrime uses Tailwind's indigo. */
  --brand-alt-50: 238 242 255;
  --brand-alt-100: 224 231 255;
  --brand-alt-200: 199 210 254;
  --brand-alt-300: 165 180 252;
  --brand-alt-400: 129 140 248;
  --brand-alt-500: 99 102 241;
  --brand-alt-600: 79 70 229;
  --brand-alt-700: 67 56 202;
  --brand-alt-800: 55 48 163;
  --brand-alt-900: 49 46 129;
  --brand-alt-950: 30 27 75;

  /* Deep tones for gradients (`brand-deep-*`) and the accent (`brand-accent`). */
  --brand-deep-600: 0 0 152;
  --brand-deep-700: 0 0 112;
  --brand-accent: 63 238 194;

  /* #4E20E4 */
  --primary: 253 76% 51%;
  --ring: 253 76% 51%;
}

.dark {
  --primary: 253 76% 51%;
  --ring: 253 76% 51%;
}