/* =========================================================
   Dude Fish OS — Theme Token Definitions
   Inspired by familiar developer color palettes and adapted
   for Dude Fish OS. Not affiliated with any original theme.
   ========================================================= */

/* ----- Light Themes ----- */

/* 0. DudeFish Brand Light (default) — warm off-white, coral primary, teal secondary, navy accent */
:root,
[data-theme="dfp-dudefish-light"] {
  --public-cream: #fff8ed;
  --public-paper: #ffffff;
  --public-ink: #10233f;
  --public-coral: #ff6243;
  --public-coral-dark: #e64d32;
  --public-teal: #12afa3;
  --public-teal-dark: #087f78;
  --public-sun: #f5c451;
  --public-mist: #dceeea;
  --public-line: #ded8cc;
  --color-bg: #f9f9f6;
  --color-bg-subtle: #f4f7f4;
  --color-bg-inset: #efede8;
  --color-surface: #ffffff;
  --color-surface-raised: #f7f7f5;
  --color-surface-muted: #f7f7f5;
  --color-border: #e4e2dd;
  --color-border-strong: #cbc7bf;
  --color-divider: #efede8;
  --color-text: #18191d;
  --color-text-muted: #5f626b;
  --color-text-soft: #8a8d96;
  --color-text-inverted: #ffffff;
  --color-link: #079e95;
  --color-link-hover: #057f78;
  --color-primary: #ef5a28;
  --color-primary-hover: #d94d20;
  --color-primary-active: #bd421b;
  --color-primary-text: #ffffff;
  --color-secondary: #08b8ac;
  --color-secondary-hover: #079e95;
  --color-secondary-active: #057f78;
  --color-secondary-text: #ffffff;
  --color-accent: #1b2650;
  --color-accent-hover: #162044;
  --color-accent-text: #ffffff;
  --color-success: #16a34a;
  --color-success-bg: #dcfce7;
  --color-warning: #f59e0b;
  --color-warning-bg: #fef3c7;
  --color-danger: #dc2626;
  --color-danger-bg: #fee2e2;
  --color-info: #0284c7;
  --color-info-bg: #e0f2fe;
  --color-input-bg: #f4f3ef;
  --color-input-border: #d9d6cf;
  --color-input-text: #18191d;
  --color-input-placeholder: #92918b;
  --color-input-focus: #08b8ac;
  --color-checkbox-bg: #f4f3ef;
  --color-checkbox-border: #d9d6cf;
  --color-button-border: #e4e2dd;
  --color-button-ghost-hover: #f4f7f4;
  --color-button-disabled-bg: #f4f3ef;
  --color-button-disabled-text: #8a8d96;
  --color-table-header: #f7f7f5;
  --color-table-row-hover: #f7f7f5;
  --color-table-selected: #ddf8f5;
  --color-table-border: #efede8;
  --color-nav-bg: #ffffff;
  --color-nav-border: #e4e2dd;
  --color-nav-text: #18191d;
  --color-nav-muted: #5f626b;
  --color-nav-active-bg: #fde9e1;
  --color-nav-active-text: #ef5a28;
  --color-sidebar-bg: #f7f7f5;
  --color-sidebar-border: #e4e2dd;
  --color-sidebar-text: #18191d;
  --color-sidebar-muted: #5f626b;
  --color-sidebar-active-bg: #fde9e1;
  --color-sidebar-active-text: #ef5a28;
  --color-pos-bg: #f4f7f4;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #e4e2dd;
  --color-pos-tile-hover: #f7f7f5;
  --color-pos-tile-text: #18191d;
  --color-pos-category-bg: #f4f7f4;
  --color-pos-category-active-bg: #ef5a28;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #e4e2dd;
  --color-pos-checkout-bg: #16a34a;
  --color-pos-checkout-hover: #15803d;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #dcfce7;
  --color-pos-card-placeholder-bg: #f7f7f5;
  --chart-1: #ef5a28;
  --chart-2: #08b8ac;
  --chart-3: #1b2650;
  --chart-4: #f59e0b;
  --chart-5: #0284c7;
  --chart-grid: #e4e2dd;
  --chart-axis: #8a8d96;
  --chart-tooltip-bg: #18191d;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: #08b8ac;
  --shadow-card: 0 1px 3px rgba(24, 25, 29, 0.08);
  --shadow-popover: 0 8px 24px rgba(24, 25, 29, 0.12);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
}

/* 1. DFP GitHub Light (optional editor-style accent theme) */
[data-theme="dfp-github-light"] {
  --color-bg: #ffffff;
  --color-bg-subtle: #f6f8fa;
  --color-bg-inset: #f0f2f5;
  --color-surface: #ffffff;
  --color-surface-raised: #f6f8fa;
  --color-surface-muted: #f0f2f5;
  --color-border: #d0d7de;
  --color-border-strong: #afb8c1;
  --color-divider: #e8eaed;
  --color-text: #24292f;
  --color-text-muted: #57606a;
  --color-text-soft: #6e7781;
  --color-text-inverted: #ffffff;
  --color-link: #0969da;
  --color-link-hover: #0757b8;
  --color-primary: #0969da;
  --color-primary-hover: #0757b8;
  --color-primary-active: #0550a1;
  --color-primary-text: #ffffff;
  --color-secondary: #6e7781;
  --color-secondary-hover: #57606a;
  --color-secondary-text: #ffffff;
  --color-accent: #8250df;
  --color-accent-hover: #6639ba;
  --color-accent-text: #ffffff;
  --color-success: #1a7f37;
  --color-success-bg: #dafbe1;
  --color-warning: #9a6700;
  --color-warning-bg: #fff8c5;
  --color-danger: #cf222e;
  --color-danger-bg: #ffebe9;
  --color-info: #0969da;
  --color-info-bg: #ddf4ff;
  --color-input-bg: #ffffff;
  --color-input-border: #d0d7de;
  --color-input-text: #24292f;
  --color-input-placeholder: #6e7781;
  --color-input-focus: #0969da;
  --color-checkbox-bg: #ffffff;
  --color-checkbox-border: #d0d7de;
  --color-button-border: #d0d7de;
  --color-button-ghost-hover: #f6f8fa;
  --color-button-disabled-bg: #f6f8fa;
  --color-button-disabled-text: #8c959f;
  --color-table-header: #f6f8fa;
  --color-table-row-hover: #f6f8fa;
  --color-table-selected: #ddf4ff;
  --color-table-border: #e8eaed;
  --color-nav-bg: #ffffff;
  --color-nav-border: #d0d7de;
  --color-nav-text: #24292f;
  --color-nav-muted: #57606a;
  --color-nav-active-bg: #f6f8fa;
  --color-nav-active-text: #0969da;
  --color-sidebar-bg: #f6f8fa;
  --color-sidebar-border: #d0d7de;
  --color-sidebar-text: #24292f;
  --color-sidebar-muted: #57606a;
  --color-sidebar-active-bg: #eaeef2;
  --color-sidebar-active-text: #0969da;
  --color-pos-bg: #f6f8fa;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #d0d7de;
  --color-pos-tile-hover: #f6f8fa;
  --color-pos-tile-text: #24292f;
  --color-pos-category-bg: #f6f8fa;
  --color-pos-category-active-bg: #0969da;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #d0d7de;
  --color-pos-checkout-bg: #1a7f37;
  --color-pos-checkout-hover: #14632b;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #dafbe1;
  --color-pos-card-placeholder-bg: #f6f8fa;
  --chart-1: #0969da;
  --chart-2: #8250df;
  --chart-3: #1a7f37;
  --chart-4: #9a6700;
  --chart-5: #cf222e;
  --chart-grid: #d0d7de;
  --chart-axis: #57606a;
  --chart-tooltip-bg: #24292f;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: rgba(9, 105, 218, 0.35);
  --shadow-card: 0 1px 2px rgba(31, 35, 40, 0.08);
  --shadow-popover: 0 8px 24px rgba(31, 35, 40, 0.12);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 2. DFP Atom One Light */
[data-theme="dfp-atom-one-light"] {
  --color-bg: #fafafa;
  --color-bg-subtle: #f0f0f0;
  --color-bg-inset: #e8e8e8;
  --color-surface: #ffffff;
  --color-surface-raised: #f5f5f5;
  --color-surface-muted: #eeeeee;
  --color-border: #d9d9d9;
  --color-border-strong: #c4c4c4;
  --color-divider: #e5e5e5;
  --color-text: #383a42;
  --color-text-muted: #696c77;
  --color-text-soft: #7c7f8b;
  --color-text-inverted: #ffffff;
  --color-link: #4078f2;
  --color-link-hover: #2a5fdb;
  --color-primary: #4078f2;
  --color-primary-hover: #2a5fdb;
  --color-primary-active: #1a47b8;
  --color-primary-text: #ffffff;
  --color-secondary: #696c77;
  --color-secondary-hover: #555861;
  --color-secondary-text: #ffffff;
  --color-accent: #a626a4;
  --color-accent-hover: #8b1e89;
  --color-accent-text: #ffffff;
  --color-success: #50a14f;
  --color-success-bg: #e6f7e6;
  --color-warning: #c18401;
  --color-warning-bg: #fef4d2;
  --color-danger: #e45649;
  --color-danger-bg: #fce8e6;
  --color-info: #4078f2;
  --color-info-bg: #e8effd;
  --color-input-bg: #ffffff;
  --color-input-border: #d9d9d9;
  --color-input-text: #383a42;
  --color-input-placeholder: #7c7f8b;
  --color-input-focus: #4078f2;
  --color-checkbox-bg: #ffffff;
  --color-checkbox-border: #d9d9d9;
  --color-button-border: #d9d9d9;
  --color-button-ghost-hover: #f0f0f0;
  --color-button-disabled-bg: #f0f0f0;
  --color-button-disabled-text: #a0a0a0;
  --color-table-header: #f0f0f0;
  --color-table-row-hover: #f5f5f5;
  --color-table-selected: #e8effd;
  --color-table-border: #e5e5e5;
  --color-nav-bg: #fafafa;
  --color-nav-border: #d9d9d9;
  --color-nav-text: #383a42;
  --color-nav-muted: #696c77;
  --color-nav-active-bg: #f0f0f0;
  --color-nav-active-text: #4078f2;
  --color-sidebar-bg: #f0f0f0;
  --color-sidebar-border: #d9d9d9;
  --color-sidebar-text: #383a42;
  --color-sidebar-muted: #696c77;
  --color-sidebar-active-bg: #e4e4e4;
  --color-sidebar-active-text: #4078f2;
  --color-pos-bg: #f0f0f0;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #d9d9d9;
  --color-pos-tile-hover: #f5f5f5;
  --color-pos-tile-text: #383a42;
  --color-pos-category-bg: #f0f0f0;
  --color-pos-category-active-bg: #4078f2;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #d9d9d9;
  --color-pos-checkout-bg: #50a14f;
  --color-pos-checkout-hover: #3e873d;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #e6f7e6;
  --color-pos-card-placeholder-bg: #f5f5f5;
  --chart-1: #4078f2;
  --chart-2: #a626a4;
  --chart-3: #50a14f;
  --chart-4: #c18401;
  --chart-5: #e45649;
  --chart-grid: #d9d9d9;
  --chart-axis: #696c77;
  --chart-tooltip-bg: #383a42;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: rgba(64, 120, 242, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.1);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 3. DFP Catppuccin Latte */
[data-theme="dfp-catppuccin-latte"] {
  --color-bg: #eff1f5;
  --color-bg-subtle: #e6e9ef;
  --color-bg-inset: #dce0e8;
  --color-surface: #ffffff;
  --color-surface-raised: #f7f8fb;
  --color-surface-muted: #eef0f4;
  --color-border: #ccd0da;
  --color-border-strong: #bcc0cc;
  --color-divider: #d5d9e2;
  --color-text: #4c4f69;
  --color-text-muted: #6c6f85;
  --color-text-soft: #7c7f95;
  --color-text-inverted: #ffffff;
  --color-link: #1e66f5;
  --color-link-hover: #184ed4;
  --color-primary: #1e66f5;
  --color-primary-hover: #184ed4;
  --color-primary-active: #1338a8;
  --color-primary-text: #ffffff;
  --color-secondary: #6c6f85;
  --color-secondary-hover: #55586b;
  --color-secondary-text: #ffffff;
  --color-accent: #8839ef;
  --color-accent-hover: #722ed4;
  --color-accent-text: #ffffff;
  --color-success: #40a02b;
  --color-success-bg: #e1f7dc;
  --color-warning: #df8e1d;
  --color-warning-bg: #fef0ce;
  --color-danger: #d20f39;
  --color-danger-bg: #fce2e7;
  --color-info: #1e66f5;
  --color-info-bg: #dce5fd;
  --color-input-bg: #ffffff;
  --color-input-border: #ccd0da;
  --color-input-text: #4c4f69;
  --color-input-placeholder: #7c7f95;
  --color-input-focus: #1e66f5;
  --color-checkbox-bg: #ffffff;
  --color-checkbox-border: #ccd0da;
  --color-button-border: #ccd0da;
  --color-button-ghost-hover: #e6e9ef;
  --color-button-disabled-bg: #e6e9ef;
  --color-button-disabled-text: #a5a9b8;
  --color-table-header: #e6e9ef;
  --color-table-row-hover: #f7f8fb;
  --color-table-selected: #dce5fd;
  --color-table-border: #d5d9e2;
  --color-nav-bg: #ffffff;
  --color-nav-border: #ccd0da;
  --color-nav-text: #4c4f69;
  --color-nav-muted: #6c6f85;
  --color-nav-active-bg: #e6e9ef;
  --color-nav-active-text: #1e66f5;
  --color-sidebar-bg: #e6e9ef;
  --color-sidebar-border: #ccd0da;
  --color-sidebar-text: #4c4f69;
  --color-sidebar-muted: #6c6f85;
  --color-sidebar-active-bg: #dce0e8;
  --color-sidebar-active-text: #1e66f5;
  --color-pos-bg: #e6e9ef;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #ccd0da;
  --color-pos-tile-hover: #f7f8fb;
  --color-pos-tile-text: #4c4f69;
  --color-pos-category-bg: #e6e9ef;
  --color-pos-category-active-bg: #1e66f5;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #ccd0da;
  --color-pos-checkout-bg: #40a02b;
  --color-pos-checkout-hover: #348623;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #e1f7dc;
  --color-pos-card-placeholder-bg: #f7f8fb;
  --chart-1: #1e66f5;
  --chart-2: #8839ef;
  --chart-3: #40a02b;
  --chart-4: #df8e1d;
  --chart-5: #d20f39;
  --chart-grid: #ccd0da;
  --chart-axis: #6c6f85;
  --chart-tooltip-bg: #4c4f69;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: rgba(30, 102, 245, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 4. DFP Ayu Light */
[data-theme="dfp-ayu-light"] {
  --color-bg: #fafafa;
  --color-bg-subtle: #f3f4f5;
  --color-bg-inset: #eceeef;
  --color-surface: #ffffff;
  --color-surface-raised: #f8f9fa;
  --color-surface-muted: #f0f1f2;
  --color-border: #e1e4e8;
  --color-border-strong: #cfd7df;
  --color-divider: #e9ecef;
  --color-text: #5c6773;
  --color-text-muted: #828c99;
  --color-text-soft: #939da8;
  --color-text-inverted: #ffffff;
  --color-link: #55b4d4;
  --color-link-hover: #3a9dbf;
  --color-primary: #55b4d4;
  --color-primary-hover: #3a9dbf;
  --color-primary-active: #2c85a3;
  --color-primary-text: #ffffff;
  --color-secondary: #828c99;
  --color-secondary-hover: #697380;
  --color-secondary-text: #ffffff;
  --color-accent: #f2ae49;
  --color-accent-hover: #df9a33;
  --color-accent-text: #24292f;
  --color-success: #86b300;
  --color-success-bg: #ebf7ce;
  --color-warning: #f2ae49;
  --color-warning-bg: #fef0d2;
  --color-danger: #f07178;
  --color-danger-bg: #fde8ea;
  --color-info: #55b4d4;
  --color-info-bg: #e3f0f5;
  --color-input-bg: #ffffff;
  --color-input-border: #e1e4e8;
  --color-input-text: #5c6773;
  --color-input-placeholder: #939da8;
  --color-input-focus: #55b4d4;
  --color-checkbox-bg: #ffffff;
  --color-checkbox-border: #e1e4e8;
  --color-button-border: #e1e4e8;
  --color-button-ghost-hover: #f3f4f5;
  --color-button-disabled-bg: #f3f4f5;
  --color-button-disabled-text: #b5bdc6;
  --color-table-header: #f3f4f5;
  --color-table-row-hover: #f8f9fa;
  --color-table-selected: #e3f0f5;
  --color-table-border: #e9ecef;
  --color-nav-bg: #fafafa;
  --color-nav-border: #e1e4e8;
  --color-nav-text: #5c6773;
  --color-nav-muted: #828c99;
  --color-nav-active-bg: #f3f4f5;
  --color-nav-active-text: #55b4d4;
  --color-sidebar-bg: #f3f4f5;
  --color-sidebar-border: #e1e4e8;
  --color-sidebar-text: #5c6773;
  --color-sidebar-muted: #828c99;
  --color-sidebar-active-bg: #e9ecef;
  --color-sidebar-active-text: #55b4d4;
  --color-pos-bg: #f3f4f5;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #e1e4e8;
  --color-pos-tile-hover: #f8f9fa;
  --color-pos-tile-text: #5c6773;
  --color-pos-category-bg: #f3f4f5;
  --color-pos-category-active-bg: #55b4d4;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #e1e4e8;
  --color-pos-checkout-bg: #86b300;
  --color-pos-checkout-hover: #6e9500;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #ebf7ce;
  --color-pos-card-placeholder-bg: #f8f9fa;
  --chart-1: #55b4d4;
  --chart-2: #f2ae49;
  --chart-3: #86b300;
  --chart-4: #f07178;
  --chart-5: #a37acc;
  --chart-grid: #e1e4e8;
  --chart-axis: #828c99;
  --chart-tooltip-bg: #5c6773;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: rgba(85, 180, 212, 0.35);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-popover: 0 8px 20px rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 5. DFP Quiet Light */
[data-theme="dfp-quiet-light"] {
  --color-bg: #f5f5f5;
  --color-bg-subtle: #eeeeee;
  --color-bg-inset: #e6e6e6;
  --color-surface: #ffffff;
  --color-surface-raised: #f8f8f8;
  --color-surface-muted: #f0f0f0;
  --color-border: #d7d7d7;
  --color-border-strong: #bdbdbd;
  --color-divider: #e3e3e3;
  --color-text: #333333;
  --color-text-muted: #6a6a6a;
  --color-text-soft: #7a7a7a;
  --color-text-inverted: #ffffff;
  --color-link: #007acc;
  --color-link-hover: #0063a8;
  --color-primary: #007acc;
  --color-primary-hover: #0063a8;
  --color-primary-active: #004d87;
  --color-primary-text: #ffffff;
  --color-secondary: #6a6a6a;
  --color-secondary-hover: #555555;
  --color-secondary-text: #ffffff;
  --color-accent: #795e26;
  --color-accent-hover: #624d1d;
  --color-accent-text: #ffffff;
  --color-success: #448c27;
  --color-success-bg: #e3f3db;
  --color-warning: #b89500;
  --color-warning-bg: #fef6ce;
  --color-danger: #d12f1b;
  --color-danger-bg: #fce6e3;
  --color-info: #007acc;
  --color-info-bg: #e3f0fa;
  --color-input-bg: #ffffff;
  --color-input-border: #d7d7d7;
  --color-input-text: #333333;
  --color-input-placeholder: #7a7a7a;
  --color-input-focus: #007acc;
  --color-checkbox-bg: #ffffff;
  --color-checkbox-border: #d7d7d7;
  --color-button-border: #d7d7d7;
  --color-button-ghost-hover: #eeeeee;
  --color-button-disabled-bg: #eeeeee;
  --color-button-disabled-text: #aaaaaa;
  --color-table-header: #eeeeee;
  --color-table-row-hover: #f8f8f8;
  --color-table-selected: #e3f0fa;
  --color-table-border: #e3e3e3;
  --color-nav-bg: #ffffff;
  --color-nav-border: #d7d7d7;
  --color-nav-text: #333333;
  --color-nav-muted: #6a6a6a;
  --color-nav-active-bg: #eeeeee;
  --color-nav-active-text: #007acc;
  --color-sidebar-bg: #eeeeee;
  --color-sidebar-border: #d7d7d7;
  --color-sidebar-text: #333333;
  --color-sidebar-muted: #6a6a6a;
  --color-sidebar-active-bg: #e6e6e6;
  --color-sidebar-active-text: #007acc;
  --color-pos-bg: #eeeeee;
  --color-pos-toolbar-bg: #ffffff;
  --color-pos-tile-bg: #ffffff;
  --color-pos-tile-border: #d7d7d7;
  --color-pos-tile-hover: #f8f8f8;
  --color-pos-tile-text: #333333;
  --color-pos-category-bg: #eeeeee;
  --color-pos-category-active-bg: #007acc;
  --color-pos-cart-bg: #ffffff;
  --color-pos-cart-border: #d7d7d7;
  --color-pos-checkout-bg: #448c27;
  --color-pos-checkout-hover: #36701f;
  --color-pos-checkout-text: #ffffff;
  --color-pos-cash-bg: #e3f3db;
  --color-pos-card-placeholder-bg: #f8f8f8;
  --chart-1: #007acc;
  --chart-2: #795e26;
  --chart-3: #448c27;
  --chart-4: #b89500;
  --chart-5: #d12f1b;
  --chart-grid: #d7d7d7;
  --chart-axis: #6a6a6a;
  --chart-tooltip-bg: #333333;
  --chart-tooltip-text: #ffffff;
  --color-focus-ring: rgba(0, 122, 204, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.08);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* ----- Dark Themes ----- */

/* 6. DFP One Dark Pro */
[data-theme="dfp-one-dark-pro"] {
  --color-bg: #282c34;
  --color-bg-subtle: #21252b;
  --color-bg-inset: #1e2227;
  --color-surface: #2c313c;
  --color-surface-raised: #353b45;
  --color-surface-muted: #2c313c;
  --color-border: #3e4451;
  --color-border-strong: #4b5263;
  --color-divider: #3a3f4a;
  --color-text: #abb2bf;
  --color-text-muted: #7f848e;
  --color-text-soft: #8e939e;
  --color-text-inverted: #282c34;
  --color-link: #61afef;
  --color-link-hover: #4d9edc;
  --color-primary: #61afef;
  --color-primary-hover: #4d9edc;
  --color-primary-active: #3b8cc9;
  --color-primary-text: #282c34;
  --color-secondary: #7f848e;
  --color-secondary-hover: #6b707a;
  --color-secondary-text: #ffffff;
  --color-accent: #c678dd;
  --color-accent-hover: #b162ce;
  --color-accent-text: #ffffff;
  --color-success: #98c379;
  --color-success-bg: #2d3c2a;
  --color-warning: #e5c07b;
  --color-warning-bg: #3d3526;
  --color-danger: #e06c75;
  --color-danger-bg: #3d2629;
  --color-info: #61afef;
  --color-info-bg: #1e3348;
  --color-input-bg: #1e2227;
  --color-input-border: #3e4451;
  --color-input-text: #abb2bf;
  --color-input-placeholder: #7f848e;
  --color-input-focus: #61afef;
  --color-checkbox-bg: #1e2227;
  --color-checkbox-border: #3e4451;
  --color-button-border: #3e4451;
  --color-button-ghost-hover: #353b45;
  --color-button-disabled-bg: #21252b;
  --color-button-disabled-text: #5c6169;
  --color-table-header: #21252b;
  --color-table-row-hover: #2c313c;
  --color-table-selected: #1e3348;
  --color-table-border: #3a3f4a;
  --color-nav-bg: #21252b;
  --color-nav-border: #3e4451;
  --color-nav-text: #abb2bf;
  --color-nav-muted: #7f848e;
  --color-nav-active-bg: #353b45;
  --color-nav-active-text: #61afef;
  --color-sidebar-bg: #21252b;
  --color-sidebar-border: #3e4451;
  --color-sidebar-text: #abb2bf;
  --color-sidebar-muted: #7f848e;
  --color-sidebar-active-bg: #353b45;
  --color-sidebar-active-text: #61afef;
  --color-pos-bg: #21252b;
  --color-pos-toolbar-bg: #2c313c;
  --color-pos-tile-bg: #2c313c;
  --color-pos-tile-border: #3e4451;
  --color-pos-tile-hover: #353b45;
  --color-pos-tile-text: #abb2bf;
  --color-pos-category-bg: #21252b;
  --color-pos-category-active-bg: #61afef;
  --color-pos-cart-bg: #2c313c;
  --color-pos-cart-border: #3e4451;
  --color-pos-checkout-bg: #98c379;
  --color-pos-checkout-hover: #7db35d;
  --color-pos-checkout-text: #282c34;
  --color-pos-cash-bg: #2d3c2a;
  --color-pos-card-placeholder-bg: #353b45;
  --chart-1: #61afef;
  --chart-2: #c678dd;
  --chart-3: #98c379;
  --chart-4: #e5c07b;
  --chart-5: #e06c75;
  --chart-grid: #3e4451;
  --chart-axis: #7f848e;
  --chart-tooltip-bg: #353b45;
  --chart-tooltip-text: #abb2bf;
  --color-focus-ring: rgba(97, 175, 239, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.35);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 7. DFP Dracula */
[data-theme="dfp-dracula"] {
  --color-bg: #282a36;
  --color-bg-subtle: #21222c;
  --color-bg-inset: #191a21;
  --color-surface: #303241;
  --color-surface-raised: #3a3c4e;
  --color-surface-muted: #2c2d3a;
  --color-border: #44475a;
  --color-border-strong: #6272a4;
  --color-divider: #3a3d51;
  --color-text: #f8f8f2;
  --color-text-muted: #bdc2d6;
  --color-text-soft: #c9cee3;
  --color-text-inverted: #282a36;
  --color-link: #bd93f9;
  --color-link-hover: #a677f0;
  --color-primary: #bd93f9;
  --color-primary-hover: #a677f0;
  --color-primary-active: #8b5cf6;
  --color-primary-text: #282a36;
  --color-secondary: #bdc2d6;
  --color-secondary-hover: #a5abc3;
  --color-secondary-text: #282a36;
  --color-accent: #ff79c6;
  --color-accent-hover: #ff5ab5;
  --color-accent-text: #282a36;
  --color-success: #50fa7b;
  --color-success-bg: #2b4032;
  --color-warning: #f1fa8c;
  --color-warning-bg: #3d3f26;
  --color-danger: #ff5555;
  --color-danger-bg: #402626;
  --color-info: #bd93f9;
  --color-info-bg: #2f2a40;
  --color-input-bg: #191a21;
  --color-input-border: #44475a;
  --color-input-text: #f8f8f2;
  --color-input-placeholder: #bdc2d6;
  --color-input-focus: #bd93f9;
  --color-checkbox-bg: #191a21;
  --color-checkbox-border: #44475a;
  --color-button-border: #44475a;
  --color-button-ghost-hover: #3a3c4e;
  --color-button-disabled-bg: #21222c;
  --color-button-disabled-text: #6a6b7e;
  --color-table-header: #21222c;
  --color-table-row-hover: #303241;
  --color-table-selected: #2f2a40;
  --color-table-border: #3a3d51;
  --color-nav-bg: #21222c;
  --color-nav-border: #44475a;
  --color-nav-text: #f8f8f2;
  --color-nav-muted: #bdc2d6;
  --color-nav-active-bg: #3a3c4e;
  --color-nav-active-text: #bd93f9;
  --color-sidebar-bg: #21222c;
  --color-sidebar-border: #44475a;
  --color-sidebar-text: #f8f8f2;
  --color-sidebar-muted: #bdc2d6;
  --color-sidebar-active-bg: #3a3c4e;
  --color-sidebar-active-text: #bd93f9;
  --color-pos-bg: #21222c;
  --color-pos-toolbar-bg: #303241;
  --color-pos-tile-bg: #303241;
  --color-pos-tile-border: #44475a;
  --color-pos-tile-hover: #3a3c4e;
  --color-pos-tile-text: #f8f8f2;
  --color-pos-category-bg: #21222c;
  --color-pos-category-active-bg: #bd93f9;
  --color-pos-cart-bg: #303241;
  --color-pos-cart-border: #44475a;
  --color-pos-checkout-bg: #50fa7b;
  --color-pos-checkout-hover: #2ee05c;
  --color-pos-checkout-text: #282a36;
  --color-pos-cash-bg: #2b4032;
  --color-pos-card-placeholder-bg: #3a3c4e;
  --chart-1: #bd93f9;
  --chart-2: #ff79c6;
  --chart-3: #50fa7b;
  --chart-4: #f1fa8c;
  --chart-5: #ff5555;
  --chart-grid: #44475a;
  --chart-axis: #bdc2d6;
  --chart-tooltip-bg: #3a3c4e;
  --chart-tooltip-text: #f8f8f2;
  --color-focus-ring: rgba(189, 147, 249, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 8. DFP GitHub Dark */
[data-theme="dfp-github-dark"] {
  --color-bg: #0d1117;
  --color-bg-subtle: #161b22;
  --color-bg-inset: #010409;
  --color-surface: #161b22;
  --color-surface-raised: #21262d;
  --color-surface-muted: #151b22;
  --color-border: #30363d;
  --color-border-strong: #8b949e;
  --color-divider: #262c33;
  --color-text: #c9d1d9;
  --color-text-muted: #8b949e;
  --color-text-soft: #969fa8;
  --color-text-inverted: #0d1117;
  --color-link: #58a6ff;
  --color-link-hover: #3b8ee5;
  --color-primary: #58a6ff;
  --color-primary-hover: #3b8ee5;
  --color-primary-active: #2176c2;
  --color-primary-text: #0d1117;
  --color-secondary: #8b949e;
  --color-secondary-hover: #6e7681;
  --color-secondary-text: #ffffff;
  --color-accent: #bc8cff;
  --color-accent-hover: #a371f7;
  --color-accent-text: #0d1117;
  --color-success: #3fb950;
  --color-success-bg: #1b3622;
  --color-warning: #d29922;
  --color-warning-bg: #362d1d;
  --color-danger: #f85149;
  --color-danger-bg: #3d1f1e;
  --color-info: #58a6ff;
  --color-info-bg: #0a2942;
  --color-input-bg: #0d1117;
  --color-input-border: #30363d;
  --color-input-text: #c9d1d9;
  --color-input-placeholder: #8b949e;
  --color-input-focus: #58a6ff;
  --color-checkbox-bg: #0d1117;
  --color-checkbox-border: #30363d;
  --color-button-border: #30363d;
  --color-button-ghost-hover: #21262d;
  --color-button-disabled-bg: #161b22;
  --color-button-disabled-text: #484f58;
  --color-table-header: #161b22;
  --color-table-row-hover: #161b22;
  --color-table-selected: #0a2942;
  --color-table-border: #262c33;
  --color-nav-bg: #161b22;
  --color-nav-border: #30363d;
  --color-nav-text: #c9d1d9;
  --color-nav-muted: #8b949e;
  --color-nav-active-bg: #21262d;
  --color-nav-active-text: #58a6ff;
  --color-sidebar-bg: #161b22;
  --color-sidebar-border: #30363d;
  --color-sidebar-text: #c9d1d9;
  --color-sidebar-muted: #8b949e;
  --color-sidebar-active-bg: #21262d;
  --color-sidebar-active-text: #58a6ff;
  --color-pos-bg: #161b22;
  --color-pos-toolbar-bg: #0d1117;
  --color-pos-tile-bg: #161b22;
  --color-pos-tile-border: #30363d;
  --color-pos-tile-hover: #21262d;
  --color-pos-tile-text: #c9d1d9;
  --color-pos-category-bg: #161b22;
  --color-pos-category-active-bg: #58a6ff;
  --color-pos-cart-bg: #161b22;
  --color-pos-cart-border: #30363d;
  --color-pos-checkout-bg: #3fb950;
  --color-pos-checkout-hover: #2ea043;
  --color-pos-checkout-text: #0d1117;
  --color-pos-cash-bg: #1b3622;
  --color-pos-card-placeholder-bg: #21262d;
  --chart-1: #58a6ff;
  --chart-2: #bc8cff;
  --chart-3: #3fb950;
  --chart-4: #d29922;
  --chart-5: #f85149;
  --chart-grid: #30363d;
  --chart-axis: #8b949e;
  --chart-tooltip-bg: #21262d;
  --chart-tooltip-text: #c9d1d9;
  --color-focus-ring: rgba(88, 166, 255, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 9. DFP Tokyo Night */
[data-theme="dfp-tokyo-night"] {
  --color-bg: #1a1b26;
  --color-bg-subtle: #16161e;
  --color-bg-inset: #11111a;
  --color-surface: #24283b;
  --color-surface-raised: #292e42;
  --color-surface-muted: #1f2233;
  --color-border: #414868;
  --color-border-strong: #565f89;
  --color-divider: #363b54;
  --color-text: #c0caf5;
  --color-text-muted: #a9b1d6;
  --color-text-soft: #b0b8da;
  --color-text-inverted: #1a1b26;
  --color-link: #7aa2f7;
  --color-link-hover: #5d8be0;
  --color-primary: #7aa2f7;
  --color-primary-hover: #5d8be0;
  --color-primary-active: #3d6fc7;
  --color-primary-text: #1a1b26;
  --color-secondary: #a9b1d6;
  --color-secondary-hover: #8f97bf;
  --color-secondary-text: #1a1b26;
  --color-accent: #bb9af7;
  --color-accent-hover: #a17de0;
  --color-accent-text: #1a1b26;
  --color-success: #9ece6a;
  --color-success-bg: #263033;
  --color-warning: #e0af68;
  --color-warning-bg: #36313a;
  --color-danger: #f7768e;
  --color-danger-bg: #3a2431;
  --color-info: #7aa2f7;
  --color-info-bg: #1b2a4a;
  --color-input-bg: #11111a;
  --color-input-border: #414868;
  --color-input-text: #c0caf5;
  --color-input-placeholder: #a9b1d6;
  --color-input-focus: #7aa2f7;
  --color-checkbox-bg: #11111a;
  --color-checkbox-border: #414868;
  --color-button-border: #414868;
  --color-button-ghost-hover: #292e42;
  --color-button-disabled-bg: #16161e;
  --color-button-disabled-text: #5a5f7a;
  --color-table-header: #16161e;
  --color-table-row-hover: #24283b;
  --color-table-selected: #1b2a4a;
  --color-table-border: #363b54;
  --color-nav-bg: #16161e;
  --color-nav-border: #414868;
  --color-nav-text: #c0caf5;
  --color-nav-muted: #a9b1d6;
  --color-nav-active-bg: #292e42;
  --color-nav-active-text: #7aa2f7;
  --color-sidebar-bg: #16161e;
  --color-sidebar-border: #414868;
  --color-sidebar-text: #c0caf5;
  --color-sidebar-muted: #a9b1d6;
  --color-sidebar-active-bg: #292e42;
  --color-sidebar-active-text: #7aa2f7;
  --color-pos-bg: #16161e;
  --color-pos-toolbar-bg: #24283b;
  --color-pos-tile-bg: #24283b;
  --color-pos-tile-border: #414868;
  --color-pos-tile-hover: #292e42;
  --color-pos-tile-text: #c0caf5;
  --color-pos-category-bg: #16161e;
  --color-pos-category-active-bg: #7aa2f7;
  --color-pos-cart-bg: #24283b;
  --color-pos-cart-border: #414868;
  --color-pos-checkout-bg: #9ece6a;
  --color-pos-checkout-hover: #7cb84a;
  --color-pos-checkout-text: #1a1b26;
  --color-pos-cash-bg: #263033;
  --color-pos-card-placeholder-bg: #292e42;
  --chart-1: #7aa2f7;
  --chart-2: #bb9af7;
  --chart-3: #9ece6a;
  --chart-4: #e0af68;
  --chart-5: #f7768e;
  --chart-grid: #414868;
  --chart-axis: #a9b1d6;
  --chart-tooltip-bg: #292e42;
  --chart-tooltip-text: #c0caf5;
  --color-focus-ring: rgba(122, 162, 247, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 10. DFP Catppuccin Mocha */
[data-theme="dfp-catppuccin-mocha"] {
  --color-bg: #1e1e2e;
  --color-bg-subtle: #181825;
  --color-bg-inset: #11111b;
  --color-surface: #313244;
  --color-surface-raised: #45475a;
  --color-surface-muted: #2a2b3d;
  --color-border: #585b70;
  --color-border-strong: #6c7086;
  --color-divider: #3e4059;
  --color-text: #cdd6f4;
  --color-text-muted: #a6adc8;
  --color-text-soft: #b3b9d4;
  --color-text-inverted: #1e1e2e;
  --color-link: #89b4fa;
  --color-link-hover: #6d9ce3;
  --color-primary: #89b4fa;
  --color-primary-hover: #6d9ce3;
  --color-primary-active: #4f82ca;
  --color-primary-text: #1e1e2e;
  --color-secondary: #a6adc8;
  --color-secondary-hover: #8e95b2;
  --color-secondary-text: #1e1e2e;
  --color-accent: #cba6f7;
  --color-accent-hover: #b48ce3;
  --color-accent-text: #1e1e2e;
  --color-success: #a6e3a1;
  --color-success-bg: #26332f;
  --color-warning: #f9e2af;
  --color-warning-bg: #3d3732;
  --color-danger: #f38ba8;
  --color-danger-bg: #3d2633;
  --color-info: #89b4fa;
  --color-info-bg: #1d2d4a;
  --color-input-bg: #11111b;
  --color-input-border: #585b70;
  --color-input-text: #cdd6f4;
  --color-input-placeholder: #a6adc8;
  --color-input-focus: #89b4fa;
  --color-checkbox-bg: #11111b;
  --color-checkbox-border: #585b70;
  --color-button-border: #585b70;
  --color-button-ghost-hover: #45475a;
  --color-button-disabled-bg: #181825;
  --color-button-disabled-text: #5a5d75;
  --color-table-header: #181825;
  --color-table-row-hover: #313244;
  --color-table-selected: #1d2d4a;
  --color-table-border: #3e4059;
  --color-nav-bg: #181825;
  --color-nav-border: #585b70;
  --color-nav-text: #cdd6f4;
  --color-nav-muted: #a6adc8;
  --color-nav-active-bg: #45475a;
  --color-nav-active-text: #89b4fa;
  --color-sidebar-bg: #181825;
  --color-sidebar-border: #585b70;
  --color-sidebar-text: #cdd6f4;
  --color-sidebar-muted: #a6adc8;
  --color-sidebar-active-bg: #45475a;
  --color-sidebar-active-text: #89b4fa;
  --color-pos-bg: #181825;
  --color-pos-toolbar-bg: #313244;
  --color-pos-tile-bg: #313244;
  --color-pos-tile-border: #585b70;
  --color-pos-tile-hover: #45475a;
  --color-pos-tile-text: #cdd6f4;
  --color-pos-category-bg: #181825;
  --color-pos-category-active-bg: #89b4fa;
  --color-pos-cart-bg: #313244;
  --color-pos-cart-border: #585b70;
  --color-pos-checkout-bg: #a6e3a1;
  --color-pos-checkout-hover: #81cc7c;
  --color-pos-checkout-text: #1e1e2e;
  --color-pos-cash-bg: #26332f;
  --color-pos-card-placeholder-bg: #45475a;
  --chart-1: #89b4fa;
  --chart-2: #cba6f7;
  --chart-3: #a6e3a1;
  --chart-4: #f9e2af;
  --chart-5: #f38ba8;
  --chart-grid: #585b70;
  --chart-axis: #a6adc8;
  --chart-tooltip-bg: #45475a;
  --chart-tooltip-text: #cdd6f4;
  --color-focus-ring: rgba(137, 180, 250, 0.35);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
}

/* 11. DudeFish Brand Dark — warm near-black, bright coral primary, bright teal secondary, navy accent */
[data-theme="dfp-dudefish-dark"] {
  --color-bg: #101115;
  --color-bg-subtle: #15171c;
  --color-bg-inset: #252730;
  --color-surface: #18191d;
  --color-surface-raised: #24262e;
  --color-surface-muted: #202229;
  --color-border: #30323a;
  --color-border-strong: #444852;
  --color-divider: #252730;
  --color-text: #f9f9f6;
  --color-text-muted: #c9cbd1;
  --color-text-soft: #8f939e;
  --color-text-inverted: #18191d;
  --color-link: #14cfc3;
  --color-link-hover: #08b8ac;
  --color-primary: #ff6a35;
  --color-primary-hover: #ef5a28;
  --color-primary-active: #d94d20;
  --color-primary-text: #ffffff;
  --color-secondary: #14cfc3;
  --color-secondary-hover: #08b8ac;
  --color-secondary-active: #079e95;
  --color-secondary-text: #101115;
  --color-accent: #223166;
  --color-accent-hover: #2b3d7d;
  --color-accent-text: #ffffff;
  --color-success: #22c55e;
  --color-success-bg: #12351f;
  --color-warning: #fbbf24;
  --color-warning-bg: #3f3010;
  --color-danger: #f87171;
  --color-danger-bg: #3b1717;
  --color-info: #38bdf8;
  --color-info-bg: #102f3f;
  --color-input-bg: #202229;
  --color-input-border: #3a3d46;
  --color-input-text: #f9f9f6;
  --color-input-placeholder: #8f939e;
  --color-input-focus: #14cfc3;
  --color-checkbox-bg: #202229;
  --color-checkbox-border: #3a3d46;
  --color-button-border: #30323a;
  --color-button-ghost-hover: #24262e;
  --color-button-disabled-bg: #15171c;
  --color-button-disabled-text: #5f626b;
  --color-table-header: #15171c;
  --color-table-row-hover: #18191d;
  --color-table-selected: #123532;
  --color-table-border: #252730;
  --color-nav-bg: #18191d;
  --color-nav-border: #30323a;
  --color-nav-text: #f9f9f6;
  --color-nav-muted: #c9cbd1;
  --color-nav-active-bg: #3a2119;
  --color-nav-active-text: #ff6a35;
  --color-sidebar-bg: #101115;
  --color-sidebar-border: #30323a;
  --color-sidebar-text: #f9f9f6;
  --color-sidebar-muted: #c9cbd1;
  --color-sidebar-active-bg: #3a2119;
  --color-sidebar-active-text: #ff6a35;
  --color-pos-bg: #15171c;
  --color-pos-toolbar-bg: #18191d;
  --color-pos-tile-bg: #18191d;
  --color-pos-tile-border: #30323a;
  --color-pos-tile-hover: #24262e;
  --color-pos-tile-text: #f9f9f6;
  --color-pos-category-bg: #15171c;
  --color-pos-category-active-bg: #ff6a35;
  --color-pos-cart-bg: #18191d;
  --color-pos-cart-border: #30323a;
  --color-pos-checkout-bg: #22c55e;
  --color-pos-checkout-hover: #16a34a;
  --color-pos-checkout-text: #101115;
  --color-pos-cash-bg: #12351f;
  --color-pos-card-placeholder-bg: #24262e;
  --chart-1: #ff6a35;
  --chart-2: #14cfc3;
  --chart-3: #8b9cff;
  --chart-4: #fbbf24;
  --chart-5: #38bdf8;
  --chart-grid: #30323a;
  --chart-axis: #8f939e;
  --chart-tooltip-bg: #24262e;
  --chart-tooltip-text: #f9f9f6;
  --color-focus-ring: #14cfc3;
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-popover: 0 8px 24px rgba(0, 0, 0, 0.5);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
}