/* Saturn brand colours: Navigator (picked 10 Oct 2026)

   Fonts (free on Google Fonts), add to <head>:
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Lexend:wght@300;400;500;600&display=swap">

   How much of each: navy 60, ivory 25, gold 10, cyan 5.
   Gold is rare: the logo, one key number, a winner. Cyan means live data or something you can click.
*/

:root {
  /* Core */
  --saturn-navy: #0B1626;     /* ground: app, posts, decks */
  --saturn-ivory: #F1EADC;    /* text on navy, light ground */
  --saturn-gold: #CDA869;     /* the logo, highlights, RA */
  --saturn-cyan: #4FD3E3;     /* live data, links, focus */
  --saturn-cyan-hover: #8FE6EF;
  --saturn-slate: #8E99AA;    /* secondary text, icons */

  /* UI neutrals */
  --saturn-space: #070E1A;    /* page background */
  --saturn-surface: #102036;  /* cards, panels */
  --saturn-raised: #172A42;   /* inputs, raised cards */
  --saturn-line: #253B56;     /* borders, dividers */

  /* Market: always pair with an arrow or a +/- sign, never colour alone */
  --saturn-up: #3CCB8F;
  --saturn-down: #F0707A;
  --saturn-warning: #F2884B;
  --saturn-info: #4FD3E3;

  /* Chart series, in order */
  --saturn-chart-1: #4FD3E3;
  --saturn-chart-2: #CDA869;
  --saturn-chart-3: #8EA2FF;
  --saturn-chart-4: #3CCB8F;
  --saturn-chart-5: #F1EADC;
  --saturn-chart-6: #F0707A;

  /* Type */
  --saturn-font: 'Lexend', system-ui, sans-serif;               /* words */
  --saturn-font-numbers: 'JetBrains Mono', ui-monospace, monospace; /* prices, amounts, tables */
}

/* Contrast on navy (#0B1626): ivory 15.2:1, cyan 10.2:1, gold 8.1:1, slate 6.3:1.
   Buttons: navy text on gold or cyan (8.1:1 and 10.2:1). */

/* Optional: point ops.saturnx.cc's current variables at the new palette.
   The values it uses today are in the comments. Delete any line you'd rather keep as is. */
:root {
  --color-bg-dark: var(--saturn-space);       /* was #040a12 */
  --color-bg-deep: var(--saturn-navy);        /* was #060e1a */
  --color-primary: var(--saturn-cyan);        /* was #28a8c8 */
  --color-accent: var(--saturn-cyan-hover);   /* was #50c4dc */
  --color-gold: var(--saturn-gold);           /* was #cc9a18 */
  --color-success: var(--saturn-up);          /* was #1eb898 */
  --color-error: var(--saturn-down);          /* was #cc3c50 */
  --color-indigo: var(--saturn-chart-3);      /* was #4466b8 */
}
