/* Generated from extension styles by sync-extension.mjs. */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #EFEDED;
  --text-primary: #3c3c3c;
  --text-secondary: #959595;
  --selection-bg: rgba(128, 128, 128, 0.25);
  --border-color: rgba(0, 0, 0, 0.1);
  --accent-text: #ffffff;
  --danger-text: #DC2626;
  --overlay: rgba(0, 0, 0, 0.5);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-menu-dialog: #1A1A1A0A 0 10px 24px, #1A1A1A0A 0 4px 8px, #1A1A1A0A 0 0 4px;
  --radius: 20px;
  --radius-sm: 8px;
}

/* Dark mode - auto switches based on OS preference */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #3C3C3C;
    --bg-secondary: #282828;
    --text-primary: #f5f5f5;
    --text-secondary: #a0a0a0;
    --border-color: rgba(255, 255, 255, 0.06);
    --accent-text: #1a1a1a;
    --danger-text: #FF6B72;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  }
}

/* Frost theme - has unique border color, needs full definition */
body[data-theme="frost"] {
  --bg-primary: #FFFFFF;
  --bg-secondary: #EDF2FA;
  --border-color: rgba(0, 0, 0, 0.1);
}

@media (prefers-color-scheme: dark) {
  body[data-theme="frost"] {
    --bg-primary: #3C3C3C;
    --bg-secondary: #282828;
    --border-color: rgba(255, 255, 255, 0.06);
  }

}

@media (prefers-color-scheme: light) {
  body[data-theme="frost"] .context-menu {
    background-color: var(--bg-primary);
  }
}

/* Blue theme - has unique text and shadow colors, needs full definition */
body[data-theme="blue"] {
  --bg-primary: #F9F9FF;
  --bg-secondary: #E7E9F3;
  --text-primary: #2D3748;
  --text-secondary: #718096;
  --border-color: rgba(45, 55, 72, 0.15);
  --accent-text: #ffffff;
  --shadow: 0 1px 3px rgba(45, 55, 72, 0.06);
  --shadow-lg: 0 8px 32px rgba(45, 55, 72, 0.15);
}

@media (prefers-color-scheme: dark) {
  body[data-theme="blue"] {
    --bg-primary: #333C4D;
    --bg-secondary: #1D2636;
    --text-primary: #E2E8F0;
    --text-secondary: #A0AEC0;
    --border-color: rgba(226, 232, 240, 0.1);
    --accent-text: #1D2636;
    --shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  }

}

@media (prefers-color-scheme: light) {
  body[data-theme="blue"] .context-menu {
    background-color: var(--bg-primary);
  }
}

/* ============================================
   Standard themes - only background colors differ
   All other values inherit from :root defaults
   ============================================ */

/* Lavender */
body[data-theme="lavender"] { --bg-primary: #FDF8FA; --bg-secondary: #EAE9ED; }
@media (prefers-color-scheme: dark) {
  body[data-theme="lavender"] { --bg-primary: #393B43; --bg-secondary: #24262E; }
}

/* Slate */
body[data-theme="slate"] { --bg-primary: #FAF9F9; --bg-secondary: #E9EAEA; }
@media (prefers-color-scheme: dark) {
  body[data-theme="slate"] { --bg-primary: #343D3F; --bg-secondary: #1E2729; }
}

/* Mint */
body[data-theme="mint"] { --bg-primary: #F5FBF8; --bg-secondary: #DAEEE9; }
@media (prefers-color-scheme: dark) {
  body[data-theme="mint"] { --bg-primary: #27413C; --bg-secondary: #102B27; }
}

/* Sage */
body[data-theme="sage"] { --bg-primary: #F9FBF1; --bg-secondary: #E5ECDD; }
@media (prefers-color-scheme: dark) {
  body[data-theme="sage"] { --bg-primary: #313F2C; --bg-secondary: #1C2918; }
}

/* Sand */
body[data-theme="sand"] { --bg-primary: #FBF9F7; --bg-secondary: #EAEAE6; }
@media (prefers-color-scheme: dark) {
  body[data-theme="sand"] { --bg-primary: #373D35; --bg-secondary: #212720; }
}

/* Amber */
body[data-theme="amber"] { --bg-primary: #FFF9EE; --bg-secondary: #EEE8E1; }
@media (prefers-color-scheme: dark) {
  body[data-theme="amber"] { --bg-primary: #423B21; --bg-secondary: #2C250C; }
}

/* Terra */
body[data-theme="terra"] { --bg-primary: #FFF8F6; --bg-secondary: #F2E8E5; }
@media (prefers-color-scheme: dark) {
  body[data-theme="terra"] { --bg-primary: #4F3625; --bg-secondary: #362111; }
}

/* Mocha */
body[data-theme="mocha"] { --bg-primary: #FFF8F6; --bg-secondary: #EEE8EA; }
@media (prefers-color-scheme: dark) {
  body[data-theme="mocha"] { --bg-primary: #463A31; --bg-secondary: #2F241C; }
}

/* Rose */
body[data-theme="rose"] { --bg-primary: #FFF8F7; --bg-secondary: #F2E7EB; }
@media (prefers-color-scheme: dark) {
  body[data-theme="rose"] { --bg-primary: #4F3439; --bg-secondary: #371F24; }
}

/* Blush */
body[data-theme="blush"] { --bg-primary: #FFF8F7; --bg-secondary: #EEE8EC; }
@media (prefers-color-scheme: dark) {
  body[data-theme="blush"] { --bg-primary: #46383A; --bg-secondary: #2F2425; }
}

/* Orchid */
body[data-theme="orchid"] { --bg-primary: #FFF7F9; --bg-secondary: #F1E7F0; }
@media (prefers-color-scheme: dark) {
  body[data-theme="orchid"] { --bg-primary: #493545; --bg-secondary: #32202F; }
}

/* Violet */
body[data-theme="violet"] { --bg-primary: #FEF7FF; --bg-secondary: #EDE7F2; }
@media (prefers-color-scheme: dark) {
  body[data-theme="violet"] { --bg-primary: #3F384D; --bg-secondary: #292335; }
}