/* tribotsden/assets/css/light.css
   Light override (self-guarded so it only applies in light OS mode,
   even if a minifier strips link media attributes).
*/

@media (prefers-color-scheme: light) {
  :root {
    color-scheme: light;

    /* surfaces */
    --bg: #ffffff;
    --surface: #ffffff;
    --surface-2: #f6f7f8;
    --border: #e6e6e6;

    /* text */
    --text: #111111;
    --muted: #5a5f66;

    /* links / actions */
    --link: #0b63ce;
    --focus: #0b63ce;

    /* shadows */
    --shadow: 0 10px 30px rgba(0,0,0,0.15);

    /* overlay */
    --overlay: rgba(0,0,0,0.55);
    
    /* subtle texture */
    --texture-opacity: 0.045;
    --texture-blend: multiply;
    --texture-size: 180px;
    --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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");
    
  }

  html, body {
    background: var(--bg);
    color: var(--text);
  }

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