/*
 * Fateel "Shrara" design tokens. Generated by scripts/ui/build-theme.cjs from
 * resources/theme/fateel.theme.cjs — edit the theme file, not this one.
 */
:root {
    --fx-ink: #0d123a;
    --fx-primary: #6f0f3d;
    --fx-primary-rgb: 111, 15, 61;
    --fx-primary-hover: #5a0b31;
    --fx-primary-active: #470825;
    --fx-primary-ink: #6f0f3d;
    --fx-primary-50: #fbf1f5;
    --fx-primary-100: #f6e2ea;
    --fx-primary-150: #f1e0e9;
    --fx-primary-200: #ecc3d3;
    --fx-crimson: #a81d3e;
    --fx-crimson-hover: #861733;
    --fx-spark: #de1e38;
    --fx-glow: linear-gradient(72.47deg, #a81d3e 22.16%, #6f0f3d 76.47%);
    --fx-glow-shadow: 0 2px 6px rgba(111, 15, 61, .32);
    --fx-tint: rgba(111, 15, 61, .08);
    --fx-tint-strong: rgba(111, 15, 61, .14);
    --fx-ring: rgba(168, 29, 62, .2);
    --fx-navy: #0d123a;
    --fx-navy-hover: #171d52;
    --fx-navy-active: #080b26;
    --fx-on-primary: #ffffff;
    --fx-surface: #ffffff;
    --fx-surface-2: #f4f4f8;
    --fx-body-bg: #f5f5f9;
    --fx-border: #e3e4ed;
    --fx-heading: #0d123a;
    --fx-text: #4c5275;
    --fx-muted: #5f6488;
    --fx-faint: #8d91ad;
    --fx-table-head-bg: #f7eef3;
    --fx-table-head-border: #ead4df;
    --fx-table-head-hover: #f1e0e9;
    --fx-table-head-active: #efdce6;
    --fx-success: #0f8a5f;
    --fx-success-ink: #0b7a53;
    --fx-success-soft: #e3f3ec;
    --fx-warning: #d68f0b;
    --fx-warning-ink: #9a5a00;
    --fx-warning-soft: #fbefd9;
    --fx-danger: #de1e38;
    --fx-danger-ink: #c0152f;
    --fx-danger-hover: #ba172d;
    --fx-danger-active: #9f1325;
    --fx-danger-soft: #fde8eb;
    --fx-info: #2447d0;
    --fx-info-ink: #2447d0;
    --fx-info-soft: #e8edfc;
    --fx-badge: #de1e38;
    --fx-rail: #0d123a;
    --fx-rail-ink: #a9adcb;
    --fx-shadow-1: 0 1px 2px rgba(13, 18, 58, .07);
    --fx-shadow-2: 0 18px 40px -18px rgba(13, 18, 58, .3);
    --fx-frame: #4a0828;
    --fx-frame-glow-1: #de1e38;
    --fx-frame-glow-2: #a81d3e;
    --fx-rail-on-ink: #6f0f3d;
    --fx-glow-deep: linear-gradient(135deg, #8c1a4c, #5d0b33);
    --fx-sheet: #f8f6f8;
    --fx-pages-bg: #ffffff;
    --fx-shadow-soft: 0 0 0 1px #f1ecf2, 0 24px 50px -36px rgba(74, 8, 40, .4);
    --fx-row-hover: #fbf7fa;
    --fx-row-selected: #f8edf2;
    --fx-row-line: #f4eff4;
    --fx-radius-sheet: 30px;
    --fx-radius-panel: 24px;
    --fx-radius-card: 26px;
    --fx-radius-row: 18px;
    --fx-radius-field: 14px;
    --fx-radius-pill: 999px;
}

.dark-style {
    --fx-ink: #eef0fa;
    --fx-primary: #d8355e;
    --fx-primary-rgb: 216, 53, 94;
    --fx-primary-hover: #e44b72;
    --fx-primary-active: #c22650;
    --fx-primary-ink: #f48aa3;
    --fx-primary-50: #1b1640;
    --fx-primary-100: #2c1739;
    --fx-primary-150: #341a44;
    --fx-primary-200: #4a1d40;
    --fx-crimson: #e04a68;
    --fx-crimson-hover: #ea6480;
    --fx-spark: #ff4d63;
    --fx-glow: linear-gradient(72.47deg, #a81d3e 22.16%, #6f0f3d 76.47%);
    --fx-glow-shadow: 0 2px 10px rgba(0, 0, 0, .45);
    --fx-tint: rgba(244, 138, 163, .10);
    --fx-tint-strong: rgba(244, 138, 163, .16);
    --fx-ring: rgba(244, 138, 163, .3);
    --fx-navy: #1b2152;
    --fx-navy-hover: #252c66;
    --fx-navy-active: #141a44;
    --fx-on-primary: #ffffff;
    --fx-surface: #0f1436;
    --fx-surface-2: #161c45;
    --fx-body-bg: #080b22;
    --fx-border: #232a58;
    --fx-heading: #eef0fa;
    --fx-text: #c9cce4;
    --fx-muted: #a2a7cb;
    --fx-faint: #747aa3;
    --fx-table-head-bg: #1a1d48;
    --fx-table-head-border: #2c3263;
    --fx-table-head-hover: #22265a;
    --fx-table-head-active: #272b62;
    --fx-success: #22b07d;
    --fx-success-ink: #5fd0b5;
    --fx-success-soft: rgba(34, 176, 125, .17);
    --fx-warning: #e0a43a;
    --fx-warning-ink: #f0bf5a;
    --fx-warning-soft: rgba(224, 164, 58, .17);
    --fx-danger: #f0506a;
    --fx-danger-ink: #ff8a9a;
    --fx-danger-hover: #f26a80;
    --fx-danger-active: #d63a55;
    --fx-danger-soft: rgba(240, 80, 106, .17);
    --fx-info: #6f8cf5;
    --fx-info-ink: #a9b8ff;
    --fx-info-soft: rgba(111, 140, 245, .19);
    --fx-badge: #d42f4a;
    --fx-rail: #050717;
    --fx-rail-ink: #8e94bd;
    --fx-shadow-1: 0 1px 2px rgba(0, 0, 0, .4);
    --fx-shadow-2: 0 18px 44px -18px rgba(0, 0, 0, .75);
    --fx-frame: #24041a;
    --fx-frame-glow-1: #b3123a;
    --fx-frame-glow-2: #6f0f3d;
    --fx-sheet: #0a0d28;
    --fx-pages-bg: #0f1436;
    --fx-shadow-soft: 0 0 0 1px #1d2350, 0 24px 50px -36px rgba(0, 0, 0, .8);
    --fx-row-hover: #141a40;
    --fx-row-selected: rgba(216, 53, 94, .14);
    --fx-row-line: #1a2048;
    color-scheme: dark;
}