/* css/theme.css — Xtract-inspired dark theme for PrintPalette */
:root {
  --color-bg:           #080808;
  --color-surface:      #111111;
  --color-card:         #161616;
  --color-card-hover:   #1c1c1c;
  --color-border:       rgba(255,255,255,0.08);
  --color-border-hi:    rgba(255,255,255,0.14);
  --color-text:         #f0f0f0;
  --color-text-muted:   #888888;
  --color-text-dim:     #555555;
  --color-accent:       #7c5cfc;
  --color-accent-hi:    #9b7fff;
  --color-accent-soft:  rgba(124,92,252,0.12);
  --color-accent-glow:  rgba(124,92,252,0.25);
  --color-success:      #22c55e;
  --color-warning:      #f59e0b;
  --color-danger:       #ef4444;
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.6);
  --shadow-glow: 0 0 32px rgba(124,92,252,0.2);
  --radius-sm:  8px;
  --radius-md:  12px;
  --radius-lg:  18px;
  --radius-xl:  28px;
}
[data-theme="light"] {
  --color-bg:           #f4f4f8;
  --color-surface:      #ffffff;
  --color-card:         #f0f0f5;
  --color-card-hover:   #e8e8f0;
  --color-border:       rgba(0,0,0,0.08);
  --color-border-hi:    rgba(0,0,0,0.14);
  --color-text:         #0d0d0d;
  --color-text-muted:   #6b6b7b;
  --color-text-dim:     #aaaaaa;
  --color-accent:       #6344e8;
  --color-accent-hi:    #7c5cfc;
  --color-accent-soft:  rgba(99,68,232,0.1);
  --color-accent-glow:  rgba(99,68,232,0.18);
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:  0 4px 20px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.1);
  --shadow-glow: 0 0 32px rgba(99,68,232,0.12);
}
*,*::before,*::after { box-sizing:border-box; transition:background-color .25s ease,border-color .25s ease,color .2s ease; }
html,body { max-width:100%; overflow-x:hidden; }
body { background-color:var(--color-bg); color:var(--color-text); }
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.1);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.2)}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1)}