/* tribotsden/assets/css/dark.css
   Dark is the DEFAULT theme.
   Light will override via light.css (prefers-color-scheme: light) later.
*/

:root {
  color-scheme: dark;

  /* surfaces */
  --bg: #0A0E16;
  --surface: #0A0E16;
  --surface-2: #0A0E16;
  --border: #2a2f3a;

  /* text */
  --text: #f2f4f8;
  --muted: #a8b0bd;

  /* links / actions */
  --link: #7db4ff;
  --focus: #7db4ff;

  /* shadows */
  --shadow: 0 10px 30px rgba(0,0,0,0.6);
  
  /* overlay */
  --overlay: rgba(0,0,0,0.65);
  
  /* subtle texture */
  --texture-opacity: 0.5; /* was 0.055 */
  --texture-blend: normal;
  --texture-size: 200px;
  --texture-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  
}

/* Optional: sensible defaults using tokens */
html, body {
  background: var(--bg);
  color: var(--text);
}

a {
  color: var(--link);
}