/* Ouno Remote design tokens - shared by the site, the panel and the app.
   Brand red is Ouno's #E60001 (the fill of the OUNO wordmark). */
:root {
  --ouno-red: #E60001;
  --ouno-red-strong: #FF2A2B;
  --ouno-red-deep: #C40001;

  --bg: #0F0F11;
  --bg-soft: #151518;
  --bg-card: #1A1A1E;
  --bg-raised: #222227;
  --border: #2B2B31;
  --text: #F3F3F5;
  --text-muted: #A5A5AC;
  --text-faint: #6E6E76;
  --accent: var(--ouno-red);
  --accent-strong: var(--ouno-red-strong);
  --accent-soft: rgba(230, 0, 1, .14);
  --accent-contrast: #FFFFFF;
  --success: #22C55E;
  --warning: #F5A524;
  --info: #3B82F6;
  --danger: #EF4444;
  --radius: 12px;
  --radius-lg: 18px;
  --shadow: 0 20px 60px rgba(0, 0, 0, .5);
  --font-app: "Quicksand", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-site: "Satoshi", "Quicksand", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #F7F7F8;
  --bg-soft: #FFFFFF;
  --bg-card: #FFFFFF;
  --bg-raised: #F0F0F2;
  --border: #E5E6E5;
  --text: #171717;
  --text-muted: #5A5A60;
  --text-faint: #8C8C93;
  --accent-soft: rgba(230, 0, 1, .09);
  --shadow: 0 18px 50px rgba(23, 23, 23, .10);
  color-scheme: light;
}