:root {
      --bg-primary: #0a0e1a;
      --bg-secondary: #151a2e;
      --glass-bg: rgba(21, 26, 46, 0.7);
      --accent-primary: #6366f1;
      --accent-secondary: #06b6d4;
      --accent-glow: rgba(99, 102, 241, 0.3);
      --success: #10b981;
      --danger: #ef4444;

      --text-primary: #ffffff;
      --text-secondary: #f1f5f9;
      --border: rgba(148, 163, 184, 0.18);

      --page-bg: linear-gradient(135deg, #0a0e1a 0%, #151a2e 50%, #1e1b4b 100%);
      --card-bg: var(--glass-bg);
      --card-text: var(--text-primary);
      --card-border: var(--border);

      --cyrus-home-header-bg: rgba(10, 14, 26, 0.72);
      --cyrus-home-header-text: var(--text-primary);
      --cyrus-home-header-control: rgba(255, 255, 255, 0.08);
      --cyrus-home-header-control-border: rgba(215, 224, 238, 0.16);

    }
      
    [data-theme="light"] {
      --page-bg: #F3E7E1;      
      --card-bg: #FFFBF8;      
      --card-text: #0f172a;  
      --text-primary: #020617;
      --text-secondary: #111827;
      --border: rgba(148, 163, 184, 0.35);
      --glass-bg: rgba(255, 255, 255, 0.7);

      --cyrus-home-header-bg: rgba(243, 231, 225, 0.72);
      --cyrus-home-header-text: var(--text-primary);
      --cyrus-home-header-control: rgba(0, 0, 0, 0.06);
      --cyrus-home-header-control-border: rgba(148, 163, 184, 0.28);

    }

    /* ============ Light theme component overrides ============ */

    [data-theme="light"] .choice-select {
      background: #ffffff;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.55);
      color-scheme: light;
    }

    [data-theme="light"] .choice-select option {
      background: #ffffff;
      color: #0f172a;
    }

    [data-theme="light"] .language-combobox-button {
      background: #ffffff;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.55);
    }

    [data-theme="light"] .language-combobox-panel {
      background: #ffffff;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.5);
      box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18);
    }

    [data-theme="light"] .language-combobox-search {
      background: #f8fafc;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.5);
    }

    [data-theme="light"] .language-combobox-option {
      color: #0f172a;
    }

    [data-theme="light"] .language-combobox-option:hover,
    [data-theme="light"] .language-combobox-option.is-selected {
      background: rgba(99, 102, 241, 0.12);
    }

    [data-theme="light"] .translation-choice-note {
      background: #F3FAF8;
      color: #334155;
      border-color: rgba(20, 184, 166, 0.28);
    }

    /* ===== پررنگ‌تر کردن متن‌های توضیحی و status ===== */
    /* ==== متن‌های توضیحی و status / placeholder پررنگ‌تر ==== */
    [data-theme="light"] .header-subtitle,
    [data-theme="light"] .section-hint,
    [data-theme="light"] .rank-legend,
    [data-theme="light"] .rank-legend p,
    [data-theme="light"] .model-desc,
    [data-theme="light"] .model-vendor,
    [data-theme="light"] .file-meta,
    [data-theme="light"] .models-count,
    [data-theme="light"] .payment-summary-label,
    [data-theme="light"] .payment-summary-note,
    [data-theme="light"] .pay-method-subtitle,
    [data-theme="light"] .pay-method-body,
    [data-theme="light"] .payment-status-text,
    [data-theme="light"] .status-text,
    [data-theme="light"] .translation-choice-note,
    [data-theme="light"] .choice-field label,
    [data-theme="light"] .usdt-txid-input::placeholder {
        /* color: #1f2937; */
        color: #111827;
        font-weight: 500;
    }

    [data-theme="dark"] .header-subtitle,
    [data-theme="dark"] .section-hint,
    [data-theme="dark"] .rank-legend,
    [data-theme="dark"] .rank-legend p,
    [data-theme="dark"] .model-desc,
    [data-theme="dark"] .model-vendor,
    [data-theme="dark"] .file-meta,
    [data-theme="dark"] .models-count,
    [data-theme="dark"] .payment-summary-label,
    [data-theme="dark"] .payment-summary-note,
    [data-theme="dark"] .pay-method-subtitle,
    [data-theme="dark"] .pay-method-body,
    [data-theme="dark"] .payment-status-text,
    [data-theme="dark"] .status-text,
    [data-theme="dark"] .translation-choice-note,
    [data-theme="dark"] .choice-field label,
    [data-theme="dark"] .web-login-text,
    [data-theme="dark"] .web-job-text,
    [data-theme="dark"] .login-modal-text,
    [data-theme="dark"] .usdt-txid-input::placeholder {
        /* color: #e6edf7; */
        color: #f1f5f9;
        font-weight: 500;
    }

    [data-theme="light"] textarea {
      background: #F1EBE5;     
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.5);
    }

    /* ====================================================== */
    [data-theme="light"] .section-card {
      background: #FFF7F0;
      border-color: rgba(203, 174, 154, 0.55);
      box-shadow: 0 14px 34px rgba(120, 96, 82, 0.16);
    }

    [data-theme="light"] .section-card:hover {
      border-color: rgba(99, 102, 241, 0.28);
      box-shadow: 0 18px 42px rgba(120, 96, 82, 0.2);
    }

    [data-theme="light"] .file-upload-area {
      background: rgba(255, 251, 248, 0.72);
      border-color: rgba(148, 163, 184, 0.42);
    }

    [data-theme="light"] .file-upload-area:hover {
      background: rgba(99, 102, 241, 0.045);
      border-color: rgba(99, 102, 241, 0.5);
    }


    /* Light theme stepper */
    [data-theme="light"] .progress-step {
      background: #F8F1EB;
      color: #0f172a;
      border-color: rgba(100, 116, 139, 0.34);
      box-shadow: 0 4px 12px rgba(120, 96, 82, 0.08);
    }

    [data-theme="light"] .progress-step.active {
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.22), rgba(6, 182, 212, 0.24));
      color: #020617;
      border-color: rgba(99, 102, 241, 0.9);
      box-shadow: 0 6px 18px rgba(99, 102, 241, 0.22);
    }

    [data-theme="light"] .progress-step.completed {
      background: #EAF7EF;
      color: #065f46;
      border-color: rgba(16, 185, 129, 0.55);
    }

    [data-theme="light"] .progress-number {
      background: rgba(15, 23, 42, 0.1);
      color: #0f172a;
    }

    [data-theme="light"] .progress-step.active .progress-number {
      background: #6366f1;
      color: #ffffff;
    }

    [data-theme="light"] .progress-step.completed .progress-number {
      background: #10b981;
      color: #ffffff;
    }

    /* Dark theme layered surfaces - stronger */
    [data-theme="dark"] .section-card {
      background: rgba(23, 31, 60, 0.95);
      border-color: rgba(148, 163, 184, 0.30);
      box-shadow: 0 22px 54px rgba(0, 0, 0, 0.36);
    }

    [data-theme="dark"] .section-card:hover {
      border-color: rgba(99, 102, 241, 0.44);
      box-shadow: 0 26px 62px rgba(0, 0, 0, 0.42);
    }

    [data-theme="dark"] .file-upload-area {
      background: rgba(31, 42, 78, 0.76);
      border-color: rgba(148, 163, 184, 0.28);
    }

    [data-theme="dark"] .file-upload-area:hover,
    [data-theme="dark"] .file-upload-area.dragover {
      background: rgba(40, 53, 94, 0.86);
      border-color: rgba(99, 102, 241, 0.58);
    }

    /* Dark theme stepper */
    [data-theme="dark"] .progress-step {
      background: rgba(20, 28, 54, 0.92);
      color: #f8fafc;
      border-color: rgba(148, 163, 184, 0.28);
      box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
    }

    [data-theme="dark"] .progress-step.active {
      background: linear-gradient(135deg, rgba(99, 102, 241, 0.34), rgba(6, 182, 212, 0.30));
      color: #ffffff;
      border-color: rgba(99, 102, 241, 0.86);
      box-shadow: 0 8px 24px rgba(99, 102, 241, 0.30);
    }

    [data-theme="dark"] .progress-step.completed {
      background: rgba(16, 185, 129, 0.20);
      color: #d1fae5;
      border-color: rgba(16, 185, 129, 0.56);
    }

    [data-theme="dark"] .progress-number {
      background: rgba(255, 255, 255, 0.15);
      color: #f8fafc;
    }

    [data-theme="dark"] .progress-step.active .progress-number {
      background: #6366f1;
      color: #ffffff;
    }

    [data-theme="dark"] .progress-step.completed .progress-number {
      background: #10b981;
      color: #ffffff;
    }

    /* Dark theme inner cards */
    [data-theme="dark"] .model-card,
    [data-theme="dark"] .payment-summary,
    [data-theme="dark"] .pay-method-card,
    [data-theme="dark"] .web-job-status,
    [data-theme="dark"] .rank-legend,
    [data-theme="dark"] .translation-choice-note {
      background: rgba(31, 42, 78, 0.72);
      border-color: rgba(148, 163, 184, 0.28);
      box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
    }

    [data-theme="dark"] .model-card:hover,
    [data-theme="dark"] .pay-method-card:hover {
      background: rgba(40, 53, 94, 0.86);
      border-color: rgba(99, 102, 241, 0.52);
    }

    [data-theme="dark"] .model-card.selected,
    [data-theme="dark"] .pay-method-card.active {
      background: rgba(49, 46, 129, 0.48);
      border-color: rgba(99, 102, 241, 0.78);
      box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.24), 0 16px 38px rgba(0, 0, 0, 0.36);
    }

    /* Light theme inner surfaces */
    [data-theme="light"] .model-card,
    [data-theme="light"] .payment-summary,
    [data-theme="light"] .pay-method-card,
    [data-theme="light"] .web-job-status,
    [data-theme="light"] .rank-legend,
    [data-theme="light"] .translation-choice-note {
      background: #FFFDF9;
      border-color: rgba(203, 174, 154, 0.42);
      box-shadow: 0 8px 22px rgba(120, 96, 82, 0.08);
    }

    [data-theme="light"] .model-card:hover,
    [data-theme="light"] .pay-method-card:hover {
      background: #FFF8F1;
      border-color: rgba(99, 102, 241, 0.34);
      box-shadow: 0 12px 28px rgba(120, 96, 82, 0.12);
    }

    [data-theme="light"] .model-card.selected,
    [data-theme="light"] .pay-method-card.active {
      background: #F3EDFF;
      border-color: rgba(99, 102, 241, 0.78);
      box-shadow:
        0 0 0 2px rgba(99, 102, 241, 0.22),
        0 14px 30px rgba(120, 96, 82, 0.16);
    }

    /* Light theme payment texts */
    [data-theme="light"] .pay-method-title {
      color: #0f172a;
    }

    [data-theme="light"] .pay-method-subtitle,
    [data-theme="light"] .pay-method-body,
    [data-theme="light"] .payment-status-text {
      color: #334155;
    }

    /* Light theme payment inputs */
    [data-theme="light"] .usdt-txid-input {
      background: #ffffff;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.45);
    }

    /* Light theme rank UI */
    [data-theme="light"] .rank-legend {
      color: #334155;
    }

    [data-theme="light"] .badge-rank2,
    [data-theme="light"] .rank-pill-2 {
      background: #E2E8F0;
      color: #0f172a;
      border-color: rgba(148, 163, 184, 0.7);
    }

    /* Light theme web job / footer / status */
    [data-theme="light"] .web-job-start-btn {
      background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
      color: #ffffff;
      border-color: transparent;
      box-shadow: 0 6px 18px var(--accent-glow);
    }

    [data-theme="light"] .web-job-start-btn:hover:not(:disabled) {
      transform: translateY(-1px);
      box-shadow: 0 9px 24px var(--accent-glow);
    }

    [data-theme="light"] .footer {
      background: linear-gradient(
        to top,
        rgba(243, 231, 225, 0.98) 70%,
        transparent
      );
    }

    [data-theme="light"] .confirm-btn {
      color: #0f172a;
      text-shadow: none;
    }

    [data-theme="light"] .status-text {
      color: #334155;
      font-weight: 500;
    }