/* Realliance palette (realliance/brand, palette/tokens.json). Dark: Catppuccin Mocha + Sapphire;
   light: Latte + Sapphire, as on the forge and the SSO, with light text/link/focus colours darkened
   for WCAG (tokens.json `exception`). --rl-ink/--rl-spark/--rl-tile are the logo colours. */
:root{
  --rl-bg: #11111b;
  --rl-surface: #181825;
  --rl-surface-hover: #313244;
  --rl-border: #45475a;
  --rl-input-bg: #313244;
  --rl-input-border: #45475a;
  --rl-input-border-hover: #585b70;
  --rl-input-text: #cdd6f4;
  --rl-text: #cdd6f4;
  --rl-text-muted: #bac2de;
  --rl-primary: #74c7ec;
  --rl-primary-hover: rgb(93.5664556962, 189.9620253165, 232.9335443038);
  --rl-primary-contrast: #11111b;
  --rl-accent: rgb(129.4601265823, 204.4227848101, 237.8398734177);
  --rl-error: #f38ba8;
  --rl-error-text: #11111b;
  --rl-success: #a6e3a1;
  --rl-success-text: #11111b;
  --rl-warning: #f9e2af;
  --rl-info: #74a8fc;
  --rl-shadow: rgba(17, 17, 27, 0.1);
  --rl-ink: #cdd6f4;
  --rl-spark: #df8e1d;
  --rl-tile: #1e1e2e;
}
@media (prefers-color-scheme: light){
  :root{
    --rl-bg: #eff1f5;
    --rl-surface: #e6e9ef;
    --rl-surface-hover: #ccd0da;
    --rl-border: #bcc0cc;
    --rl-input-bg: #ccd0da;
    --rl-input-border: #bcc0cc;
    --rl-input-border-hover: #acb0be;
    --rl-input-text: #4c4f69;
    --rl-text: #4c4f69;
    --rl-text-muted: #50536b;
    --rl-primary: #126c7c;
    --rl-primary-hover: #0f6575;
    --rl-primary-contrast: #eff1f5;
    --rl-accent: #167a8b;
    --rl-error: #c00e34;
    --rl-error-text: #eff1f5;
    --rl-success: #266b1a;
    --rl-success-text: #eff1f5;
    --rl-warning: #8a5a00;
    --rl-info: #1c5fd6;
    --rl-shadow: rgba(239, 241, 245, 0.1);
    --rl-ink: #4c4f69;
    --rl-spark: #df8e1d;
    --rl-tile: #1e1e2e;
  }
}