/* ==============================
   Default Theme : Teal
   ============================== */

:root,
[data-theme="teal"] {
    --theme-primary: #0f766e;
    --theme-primary-dark: #115e59;
    --theme-primary-bright: #14b8a6;
    --theme-primary-soft: #e6fffb;

    --theme-accent: #38bdf8;
    --theme-accent-strong: #0ea5e9;

    --theme-bg: #f6fafb;
    --theme-card: #ffffff;

    --theme-ink: #0f172a;
    --theme-text: #334155;
    --theme-muted: #64748b;
    --theme-border: #e2e8f0;
}


/* ==============================
   Blue Theme
   ============================== */

[data-theme="blue"] {
    --theme-primary: #2563eb;
    --theme-primary-dark: #1d4ed8;
    --theme-primary-bright: #3b82f6;
    --theme-primary-soft: #eff6ff;

    --theme-accent: #06b6d4;
    --theme-accent-strong: #0891b2;
}


/* ==============================
   Purple Theme
   ============================== */

[data-theme="purple"] {
    --theme-primary: #7c3aed;
    --theme-primary-dark: #6d28d9;
    --theme-primary-bright: #8b5cf6;
    --theme-primary-soft: #f5f3ff;

    --theme-accent: #a78bfa;
    --theme-accent-strong: #8b5cf6;
}


/* ==============================
   Green Theme
   ============================== */

[data-theme="green"] {
    --theme-primary: #15803d;
    --theme-primary-dark: #166534;
    --theme-primary-bright: #22c55e;
    --theme-primary-soft: #f0fdf4;

    --theme-accent: #34d399;
    --theme-accent-strong: #10b981;
}

/* Pink / Rose — #ef476f */
html[data-theme="pink"] {
  --theme-primary: #d6335c;
  --theme-primary-dark: #a91f45;
  --theme-primary-bright: #ef476f;
  --theme-primary-soft: #fff0f4;
  --theme-primary-soft-hover: #fff6f8;
  --theme-primary-soft-strong: #ffd9e2;

  --theme-primary-border: #f5a3b7;
  --theme-primary-border-soft: #f9c5d2;
  --theme-primary-border-hover: #f38ca7;

  --theme-focus: #ef7995;

  --theme-accent: #ff8fa8;
  --theme-accent-strong: #ef476f;
  --theme-accent-deep: #a91f45;
  --theme-accent-soft: #ffe4eb;

  --theme-primary-rgb: 214, 51, 92;
  --theme-primary-bright-rgb: 239, 71, 111;
  --theme-accent-rgb: 255, 143, 168;
  --theme-accent-strong-rgb: 239, 71, 111;
  --theme-accent-deep-rgb: 169, 31, 69;
}


/* Amber / Gold — #ffc107 */
html[data-theme="amber"] {
  --theme-primary: #c58b00;
  --theme-primary-dark: #926700;
  --theme-primary-bright: #ffc107;
  --theme-primary-soft: #fff9e6;
  --theme-primary-soft-hover: #fffbf0;
  --theme-primary-soft-strong: #ffefb5;

  --theme-primary-border: #ffd55c;
  --theme-primary-border-soft: #ffe391;
  --theme-primary-border-hover: #ffcd39;

  --theme-focus: #ffc107;

  --theme-accent: #ffda6a;
  --theme-accent-strong: #ffc107;
  --theme-accent-deep: #926700;
  --theme-accent-soft: #fff3cd;

  --theme-primary-rgb: 197, 139, 0;
  --theme-primary-bright-rgb: 255, 193, 7;
  --theme-accent-rgb: 255, 218, 106;
  --theme-accent-strong-rgb: 255, 193, 7;
  --theme-accent-deep-rgb: 146, 103, 0;
}


/* Orange */
html[data-theme="orange"] {
  --theme-primary: #d95d0b;
  --theme-primary-dark: #a84308;
  --theme-primary-bright: #f97316;
  --theme-primary-soft: #fff7ed;
  --theme-primary-soft-hover: #fffaf5;
  --theme-primary-soft-strong: #ffedd5;

  --theme-primary-border: #fdba74;
  --theme-primary-border-soft: #fed7aa;
  --theme-primary-border-hover: #fb923c;

  --theme-focus: #fb923c;

  --theme-accent: #fb923c;
  --theme-accent-strong: #f97316;
  --theme-accent-deep: #c2410c;
  --theme-accent-soft: #ffedd5;

  --theme-primary-rgb: 217, 93, 11;
  --theme-primary-bright-rgb: 249, 115, 22;
  --theme-accent-rgb: 251, 146, 60;
  --theme-accent-strong-rgb: 249, 115, 22;
  --theme-accent-deep-rgb: 194, 65, 12;
}


/* Indigo */
html[data-theme="indigo"] {
  --theme-primary: #4f46e5;
  --theme-primary-dark: #3730a3;
  --theme-primary-bright: #6366f1;
  --theme-primary-soft: #eef2ff;
  --theme-primary-soft-hover: #f5f7ff;
  --theme-primary-soft-strong: #e0e7ff;

  --theme-primary-border: #a5b4fc;
  --theme-primary-border-soft: #c7d2fe;
  --theme-primary-border-hover: #818cf8;

  --theme-focus: #818cf8;

  --theme-accent: #8b5cf6;
  --theme-accent-strong: #7c3aed;
  --theme-accent-deep: #4338ca;
  --theme-accent-soft: #ede9fe;

  --theme-primary-rgb: 79, 70, 229;
  --theme-primary-bright-rgb: 99, 102, 241;
  --theme-accent-rgb: 139, 92, 246;
  --theme-accent-strong-rgb: 124, 58, 237;
  --theme-accent-deep-rgb: 67, 56, 202;
}