/* Dark mode — refined dark theme matching the SaaS palette */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:             #0B0E13;
    --surface:        #161A22;
    --surface-2:      #1E232D;
    --surface-3:      #262C38;
    --surface-deep:   #2F3543;

    --text:           #F3F4F6;
    --text-2:         #C7CCD4;
    --text-muted:     #8A92A1;
    --text-faint:     #5C6373;

    --border:         #232834;
    --border-strong:  #2F3543;

    --accent:         #FF6B33;
    --accent-deep:    #E5481D;
    --accent-soft:    rgba(255, 107, 51, .12);

    --shadow-xs:  0 1px 2px rgba(0, 0, 0, .30);
    --shadow-sm:  0 1px 2px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);
    --shadow:     0 1px 3px rgba(0, 0, 0, .40), 0 4px 12px rgba(0, 0, 0, .25);
    --shadow-lg:  0 4px 16px rgba(0, 0, 0, .45), 0 16px 32px rgba(0, 0, 0, .30);
    --shadow-focus: 0 0 0 3px rgba(255, 107, 51, .25);
  }
}

:root[data-theme="dark"] {
  --bg:             #0B0E13;
  --surface:        #161A22;
  --surface-2:      #1E232D;
  --surface-3:      #262C38;
  --surface-deep:   #2F3543;

  --text:           #F3F4F6;
  --text-2:         #C7CCD4;
  --text-muted:     #8A92A1;
  --text-faint:     #5C6373;

  --border:         #232834;
  --border-strong:  #2F3543;

  --accent:         #FF6B33;
  --accent-deep:    #E5481D;
  --accent-soft:    rgba(255, 107, 51, .12);

  --shadow-xs:  0 1px 2px rgba(0, 0, 0, .30);
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);
  --shadow:     0 1px 3px rgba(0, 0, 0, .40), 0 4px 12px rgba(0, 0, 0, .25);
  --shadow-lg:  0 4px 16px rgba(0, 0, 0, .45), 0 16px 32px rgba(0, 0, 0, .30);
  --shadow-focus: 0 0 0 3px rgba(255, 107, 51, .25);
}