/* IO Flow — ProFlow Aydınlık Kırmızı (IOCORE) */
:root {
    color-scheme: light;
    --io-surface: #f7f9fb;
    --io-surface-dim: #d8dadc;
    --io-surface-bright: #f7f9fb;
    --io-surface-container-lowest: #ffffff;
    --io-surface-container-low: #f2f4f6;
    --io-surface-container: #eceef0;
    --io-surface-container-high: #e6e8ea;
    --io-surface-container-highest: #e0e3e5;
    --io-on-surface: #191c1e;
    --io-on-surface-variant: #5c3f40;
    --io-inverse-surface: #2d3133;
    --io-inverse-on-surface: #eff1f3;
    --io-outline: #906f70;
    --io-outline-variant: #e5bdbe;
    --io-surface-tint: #be0037;
    --io-surface-variant: #e0e3e5;
    --io-primary: #b80035;
    --io-on-primary: #ffffff;
    --io-primary-container: #e11d48;
    --io-on-primary-container: #fffaf9;
    --io-inverse-primary: #ffb3b6;
    --io-primary-fixed: #ffdada;
    --io-primary-fixed-dim: #ffb3b6;
    --io-on-primary-fixed: #40000c;
    --io-on-primary-fixed-variant: #920028;
    --io-secondary: #9d4300;
    --io-on-secondary: #ffffff;
    --io-secondary-container: #fd761a;
    --io-on-secondary-container: #5c2400;
    --io-secondary-fixed: #ffdbca;
    --io-secondary-fixed-dim: #ffb690;
    --io-on-secondary-fixed: #341100;
    --io-on-secondary-fixed-variant: #783200;
    --io-tertiary: #b4005d;
    --io-on-tertiary: #ffffff;
    --io-tertiary-container: #d92575;
    --io-on-tertiary-container: #fffafa;
    --io-tertiary-fixed: #ffd9e2;
    --io-tertiary-fixed-dim: #ffb1c7;
    --io-on-tertiary-fixed: #3f001c;
    --io-on-tertiary-fixed-variant: #8e0048;
    --io-error: #ba1a1a;
    --io-on-error: #ffffff;
    --io-error-container: #ffdad6;
    --io-on-error-container: #93000a;
    --io-background: #f7f9fb;
    --io-on-background: #191c1e;
    --io-brand-gradient: linear-gradient(135deg, #b80035 0%, #9d4300 100%);
    --io-brand-gradient-horizontal: linear-gradient(to right, #b80035, #fd761a);
    --io-focus-ring: 0 0 0 2px rgba(225, 29, 72, 0.2);
    --io-sidebar-link: #5c3f40;
    --io-sidebar-link-hover-bg: #f2f4f6;
    --io-sidebar-link-hover: #b80035;
    --io-sidebar-active-bg: rgba(184, 0, 53, 0.1);
    --io-modal-backdrop: rgba(45, 49, 51, 0.5);
    --io-modal-panel: #ffffff;
    --io-modal-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    --io-preview-backdrop: rgba(15, 23, 42, 0.6);
    --io-preview-panel: #ffffff;
    --io-preview-body: #f2f4f6;
    --io-alert-success-bg: #d1fae5;
    --io-alert-success-border: #059669;
    --io-alert-success-text: #065f46;
    --io-alert-error-bg: #ffdad6;
    --io-alert-error-border: #ba1a1a;
    --io-alert-error-text: #93000a;
    --io-activity-green-bg: #dcfce7;
    --io-activity-green-text: #15803d;
    --io-activity-primary-bg: rgba(184, 0, 53, 0.1);
    --io-activity-primary-text: #b80035;
    --io-activity-error-bg: #ffdad6;
    --io-activity-error-text: #ba1a1a;
    --io-activity-secondary-bg: rgba(253, 118, 26, 0.12);
    --io-activity-secondary-text: #9d4300;
    --io-activity-neutral-bg: #eceef0;
    --io-activity-neutral-text: #5c3f40;
    --io-status-track: #e6e8ea;
    --io-toggle-knob: #ffffff;
    --io-scrollbar-thumb: #e0e3e5;
    --io-scrollbar-thumb-hover: #e5bdbe;
    --io-kanban-card-hover: #f2f4f6;
    --io-shadow-soft: 0 4px 12px rgba(15, 23, 42, 0.08);
    --io-shadow-deep: 0 12px 32px rgba(15, 23, 42, 0.12);
}

/* ProFlow Professional Dark */
[data-theme="dark"] {
    color-scheme: dark;
    --io-surface: #0b1326;
    --io-surface-dim: #0b1326;
    --io-surface-bright: #31394d;
    --io-surface-container-lowest: #060e20;
    --io-surface-container-low: #131b2e;
    --io-surface-container: #171f33;
    --io-surface-container-high: #222a3d;
    --io-surface-container-highest: #2d3449;
    --io-on-surface: #dae2fd;
    --io-on-surface-variant: #c2c6d6;
    --io-outline: #8c909f;
    --io-outline-variant: #424754;
    --io-surface-variant: #2d3449;
    --io-primary: #ffb3b6;
    --io-on-primary: #68001a;
    --io-primary-container: #e11d48;
    --io-on-primary-container: #ffdada;
    --io-primary-fixed: #ffdada;
    --io-secondary: #ffb690;
    --io-on-secondary: #4a2100;
    --io-secondary-container: #fd761a;
    --io-on-secondary-fixed-variant: #ffdbca;
    --io-tertiary-container: #d92575;
    --io-error: #ffb4ab;
    --io-on-error: #690005;
    --io-error-container: #93000a;
    --io-on-error-container: #ffdad6;
    --io-background: #0b1326;
    --io-on-background: #dae2fd;
    --io-brand-gradient: linear-gradient(135deg, #920028 0%, #783200 100%);
    --io-brand-gradient-horizontal: linear-gradient(to right, #e11d48, #fd761a);
    --io-focus-ring: 0 0 0 2px rgba(255, 179, 182, 0.25);
    --io-sidebar-link: #c2c6d6;
    --io-sidebar-link-hover-bg: #171f33;
    --io-sidebar-link-hover: #ffb3b6;
    --io-sidebar-active-bg: rgba(225, 29, 72, 0.18);
    --io-modal-backdrop: rgba(0, 0, 0, 0.65);
    --io-modal-panel: #171f33;
    --io-modal-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
    --io-preview-backdrop: rgba(0, 0, 0, 0.75);
    --io-preview-panel: #171f33;
    --io-preview-body: #131b2e;
    --io-alert-success-bg: rgba(21, 128, 61, 0.2);
    --io-alert-success-border: #15803d;
    --io-alert-success-text: #86efac;
    --io-alert-error-bg: rgba(147, 0, 10, 0.35);
    --io-alert-error-border: #ffb4ab;
    --io-alert-error-text: #ffdad6;
    --io-activity-green-bg: rgba(21, 128, 61, 0.2);
    --io-activity-green-text: #86efac;
    --io-activity-primary-bg: rgba(225, 29, 72, 0.2);
    --io-activity-primary-text: #ffb3b6;
    --io-activity-error-bg: rgba(147, 0, 10, 0.35);
    --io-activity-error-text: #ffb4ab;
    --io-activity-secondary-bg: rgba(253, 118, 26, 0.2);
    --io-activity-secondary-text: #ffb690;
    --io-activity-neutral-bg: #222a3d;
    --io-activity-neutral-text: #c2c6d6;
    --io-status-track: #222a3d;
    --io-toggle-knob: #dae2fd;
    --io-scrollbar-thumb: #3a4a5f;
    --io-scrollbar-thumb-hover: #424754;
    --io-kanban-card-hover: #1e293b;
    --io-shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.35);
    --io-shadow-deep: 0 12px 32px rgba(0, 0, 0, 0.5);
}

/* Tailwind forms eklentisi — koyu temada beyaz arka planı geçersiz kıl */
[data-theme="dark"] input:where(:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="image"])),
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background-color: var(--io-surface-container-lowest);
    color: var(--io-on-surface);
    border-color: var(--io-outline-variant);
}

[data-theme="dark"] select option {
    background-color: var(--io-surface-container-lowest);
    color: var(--io-on-surface);
}

[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(0.85);
}

[data-theme="dark"] .ql-toolbar.ql-snow,
[data-theme="dark"] .ql-container.ql-snow {
    border-color: var(--io-outline-variant);
}

[data-theme="dark"] .ql-toolbar.ql-snow {
    background: var(--io-surface-container-low);
}

[data-theme="dark"] .ql-container.ql-snow {
    background: var(--io-surface-container-lowest);
    color: var(--io-on-surface);
}

[data-theme="dark"] .ql-snow .ql-stroke {
    stroke: var(--io-on-surface-variant);
}

[data-theme="dark"] .ql-snow .ql-fill {
    fill: var(--io-on-surface-variant);
}

[data-theme="dark"] .ql-snow .ql-picker {
    color: var(--io-on-surface-variant);
}