:root {
  --text: #0f172a;
  --muted: #475569;
  --line: #e2e8f0;
  --blue: #2563eb;
  --blue-100: #dbeafe;
  --blue-50: #eff6ff;
  --btn-border: #cbd5e1;
}

[data-theme='day'] {
    --bg: #f5f5f7;
    --card: #ffffff;
    --card-bg: #ffffff;
    --card-border: #e8e8ec;
    --card-shadow: 
        0 2px 4px rgba(0, 0, 0, 0.02),
        0 12px 40px rgba(0, 0, 0, 0.04);
    --title-color: #1c1c1e;
    --subtitle-color: #8e8e93;
    --input-border: #d1d1d6;
    --input-border-focus: #5b5bd6;
    --primary: #5b5bd6;
    --primary-hover: #4747b3;
    --primary-soft: rgba(91, 91, 214, 0.1);
    --strength-bg: #f2f2f7;
    --rule-icon-unchecked: #d1d1d6;
    --rule-icon-checked: #30b060;
    --danger: #e5484d;
    --warning: #f5a623;
    --success: #30b060;
    --bg-glow: radial-gradient(
        circle at 50% 45%,
        rgba(91, 91, 214, 0.12) 0%,
        transparent 60%
    );
    --border-gradient: #e8e8ec;
    --label-color: #8e8e93;
    --input-placeholder: #c7c7cc;
    --strength-track: #e5e5ea;
}

[data-theme='night'] {
    --bg: #0f1117;
    --card: #f8faff;
    --card-bg: #1a1d26;
    --card-border: #e8e8ec;/*#2a2f3a;*/

    --card-shadow:
        0 2px 4px rgba(0, 0, 0, 0.3),
        0 12px 40px rgba(0, 0, 0, 0.5);

    --title-color: #f5f5f7;
    --subtitle-color: #a1a1aa;

    --label-color: #c7c7cc;

    --input-border: #3a3f4b;
    --input-border-focus: #7c7cff;

    --primary: #5b5bd6;
    --primary-hover: #7272e0;
    --primary-soft: rgba(124, 124, 255, 0.15);

    --strength-bg: #252a35;
    --strength-track: #3a3f4b;

    --rule-icon-unchecked: #5a6070;
    --rule-icon-checked: #3ddc84;

    --danger: #ff5d5d;
    --warning: #ffb347;
    --success: #3ddc84;

    --input-placeholder: #6b7280;

    --bg-glow: radial-gradient(
        circle at 50% 45%,
        rgba(124, 124, 255, 0.18) 0%,
        transparent 60%
    );

    --border-gradient: #2a2f3a;
}