/*
 * YousoroFinance redesign-web — design tokens (light and dark mode).
 * Scope: :root body.yf-redesign.yf-dashboard-auth, whenever the user renders «Эфир».
 * Direction: calm, precise, macOS-like surfaces; emerald brand accent;
 * hairline separators instead of heavy borders; depth through soft layered shadows.
 */
:root body.yf-redesign.yf-dashboard-auth {
    /* Canvas & surfaces */
    --rd-canvas: #f3f4f6;
    --rd-surface: #ffffff;
    --rd-surface-raised: #ffffff;
    --rd-surface-grouped: #f7f8f9;
    --rd-surface-glass: rgba(255, 255, 255, .72);
    --rd-surface-glass-strong: rgba(255, 255, 255, .98);

    /* Chrome surfaces that differ between light and dark */
    --rd-nav-bg: rgba(250, 250, 252, .74);
    --rd-nav-solid: #fafafc;
    --rd-menu-bg: #ffffff;
    --rd-row-hover: #fafafb;
    --rd-seg-hover: rgba(255, 255, 255, .55);
    --rd-gate-top: rgba(255, 255, 255, .55);
    --rd-gate-bottom: rgba(255, 255, 255, .82);
    color-scheme: light;

    /* System fills (Apple-like tertiary/quaternary fills) */
    --rd-fill: rgba(118, 118, 128, .12);
    --rd-fill-soft: rgba(118, 118, 128, .08);
    --rd-fill-hover: rgba(118, 118, 128, .16);
    --rd-fill-press: rgba(118, 118, 128, .22);

    /* Ink */
    --rd-ink: #1c1c1e;
    --rd-ink-2: #3a3a3c;
    --rd-muted: #6c6c72;
    --rd-subtle: #8e8e93;
    --rd-placeholder: #aeaeb2;
    --rd-on-accent: #ffffff;

    /* Lines */
    --rd-line: rgba(60, 60, 67, .12);
    --rd-line-soft: rgba(60, 60, 67, .08);
    --rd-line-strong: rgba(60, 60, 67, .2);

    /* Brand & semantic */
    --rd-accent: #0c7a5b;
    --rd-accent-rgb: 12, 122, 91;
    --rd-accent-hover: #0a6b50;
    --rd-accent-press: #085c45;
    --rd-accent-soft: rgba(12, 122, 91, .09);
    --rd-accent-soft-strong: rgba(12, 122, 91, .15);
    --rd-accent-ring: rgba(12, 122, 91, .24);
    --rd-accent-ink: #075c44;

    --rd-positive: #16a06b;
    --rd-positive-soft: rgba(22, 160, 107, .1);
    --rd-negative: #e5484d;
    --rd-negative-soft: rgba(229, 72, 77, .09);
    --rd-warning: #d9820b;
    --rd-warning-soft: rgba(217, 130, 11, .1);
    --rd-info: #2f6fe4;
    --rd-info-soft: rgba(47, 111, 228, .09);
    --rd-gold: #b58a2f;
    --rd-gold-soft: rgba(181, 138, 47, .12);
    --rd-violet: #7c5cd6;

    /* Geometry */
    --rd-radius-xs: 7px;
    --rd-radius-sm: 10px;
    --rd-radius-md: 14px;
    --rd-radius-lg: 20px;
    --rd-radius-xl: 26px;
    --rd-radius-pill: 999px;

    --rd-control-h: 38px;
    --rd-control-h-sm: 32px;
    --rd-control-h-lg: 44px;

    /* Depth */
    --rd-shadow-hairline: 0 0 0 1px rgba(15, 23, 42, .045);
    --rd-shadow-card: 0 0 0 1px rgba(15, 23, 42, .045), 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px -12px rgba(15, 23, 42, .10);
    --rd-shadow-card-hover: 0 0 0 1px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04), 0 16px 36px -14px rgba(15, 23, 42, .16);
    --rd-shadow-raised: 0 0 0 .5px rgba(15, 23, 42, .08), 0 4px 10px -4px rgba(15, 23, 42, .08), 0 18px 40px -12px rgba(15, 23, 42, .18);
    --rd-shadow-modal: 0 0 0 .5px rgba(15, 23, 42, .1), 0 24px 64px -16px rgba(15, 23, 42, .32), 0 8px 20px -8px rgba(15, 23, 42, .12);
    --rd-shadow-control: 0 1px 2px rgba(15, 23, 42, .06), 0 0 0 .5px rgba(15, 23, 42, .06);
    --rd-shadow-thumb: 0 1px 3px rgba(15, 23, 42, .12), 0 0 0 .5px rgba(15, 23, 42, .06);
    --rd-focus-ring: 0 0 0 4px var(--rd-accent-ring);

    /* Type */
    --rd-font: "Manrope", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    --rd-tracking-tight: -.022em;
    --rd-tracking-snug: -.011em;

    /* Motion */
    --rd-ease: cubic-bezier(.2, .8, .2, 1);
    --rd-dur-fast: .14s;
    --rd-dur: .22s;

    /* Layout */
    --rd-page-max: 1380px;
    --rd-gutter: clamp(16px, 2.6vw, 36px);
    --rd-grid-gap: 20px;
    --rd-nav-h: 64px;

    /* Legacy dashboard variables bridge (style.css reads these) */
    --yf-app-ink: var(--rd-ink);
    --yf-app-muted: var(--rd-muted);
    --yf-app-surface: var(--rd-surface);
    --yf-app-surface-soft: var(--rd-surface-grouped);
    --yf-app-border: var(--rd-line);
    --yf-app-border-strong: var(--rd-line-strong);
    --yf-app-mint: var(--rd-positive);
    --yf-app-mint-dark: var(--rd-accent);
    --yf-app-mint-soft: var(--rd-accent-soft);
    --yf-app-gold: var(--rd-gold);
    --yf-app-gold-soft: var(--rd-gold-soft);
    --yf-app-danger: var(--rd-negative);
    --yf-app-danger-soft: var(--rd-negative-soft);
    --yf-app-blue: var(--rd-info);
    --yf-app-shadow: var(--rd-shadow-card);

    /* Bootstrap bridge */
    --bs-body-bg: var(--rd-canvas);
    --bs-body-color: var(--rd-ink);
    --bs-body-font-family: var(--rd-font);
    --bs-border-color: var(--rd-line);
    --bs-secondary-color: var(--rd-muted);
    --bs-emphasis-color: var(--rd-ink);
    --bs-link-color: var(--rd-accent);
    --bs-link-hover-color: var(--rd-accent-hover);
    --bs-primary: var(--rd-accent);
    --bs-primary-rgb: 12, 122, 91;
    --bs-success-rgb: 22, 160, 107;
    --bs-danger-rgb: 229, 72, 77;
    --bs-border-radius: var(--rd-radius-sm);
    --bs-border-radius-lg: var(--rd-radius-md);
}

/* «Эфир» dark: graphite surfaces, luminous emerald, hairlines instead of borders */
:root body.yf-redesign.yf-dashboard-auth.dark-theme {
    color-scheme: dark;

    --rd-canvas: #0c0d0f;
    --rd-surface: #17181b;
    --rd-surface-raised: #1d1e22;
    --rd-surface-grouped: #1f2024;
    --rd-surface-glass: rgba(23, 24, 27, .72);
    --rd-surface-glass-strong: rgba(29, 30, 34, .98);

    --rd-nav-bg: rgba(18, 19, 22, .72);
    --rd-nav-solid: #141518;
    --rd-menu-bg: #1d1e22;
    --rd-row-hover: #1c1d21;
    --rd-seg-hover: rgba(255, 255, 255, .06);
    --rd-gate-top: rgba(23, 24, 27, .55);
    --rd-gate-bottom: rgba(23, 24, 27, .88);

    --rd-fill: rgba(120, 120, 128, .26);
    --rd-fill-soft: rgba(120, 120, 128, .18);
    --rd-fill-hover: rgba(120, 120, 128, .32);
    --rd-fill-press: rgba(120, 120, 128, .4);

    --rd-ink: #f5f5f7;
    --rd-ink-2: #d6d6db;
    --rd-muted: #a1a1a8;
    --rd-subtle: #8a8a91;
    --rd-placeholder: #66666d;
    --rd-on-accent: #ffffff;

    --rd-line: rgba(255, 255, 255, .1);
    --rd-line-soft: rgba(255, 255, 255, .06);
    --rd-line-strong: rgba(255, 255, 255, .18);

    --rd-accent: #1fa877;
    --rd-accent-rgb: 52, 211, 153;
    --rd-accent-hover: #26b985;
    --rd-accent-press: #1a9168;
    --rd-accent-soft: rgba(52, 211, 153, .12);
    --rd-accent-soft-strong: rgba(52, 211, 153, .2);
    --rd-accent-ring: rgba(52, 211, 153, .32);
    --rd-accent-ink: #6ee7b7;

    --rd-positive: #34d399;
    --rd-positive-soft: rgba(52, 211, 153, .13);
    --rd-negative: #ff6b6f;
    --rd-negative-soft: rgba(255, 107, 111, .13);
    --rd-warning: #ffb057;
    --rd-warning-soft: rgba(255, 176, 87, .13);
    --rd-info: #6ea8ff;
    --rd-info-soft: rgba(110, 168, 255, .13);
    --rd-gold: #e6be65;
    --rd-gold-soft: rgba(230, 190, 101, .14);
    --rd-violet: #b69cff;

    --rd-shadow-hairline: 0 0 0 1px rgba(255, 255, 255, .06);
    --rd-shadow-card: 0 0 0 1px rgba(255, 255, 255, .06), 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .7);
    --rd-shadow-card-hover: 0 0 0 1px rgba(255, 255, 255, .09), 0 2px 4px rgba(0, 0, 0, .45), 0 18px 40px -16px rgba(0, 0, 0, .8);
    --rd-shadow-raised: 0 0 0 1px rgba(255, 255, 255, .08), 0 6px 14px -6px rgba(0, 0, 0, .6), 0 22px 48px -14px rgba(0, 0, 0, .75);
    --rd-shadow-modal: 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 80px -20px rgba(0, 0, 0, .85), 0 10px 24px -10px rgba(0, 0, 0, .6);
    --rd-shadow-control: 0 0 0 1px rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .4);
    --rd-shadow-thumb: 0 1px 3px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(255, 255, 255, .08);
}

/* style.css re-declares the --yf-app-* palette on .content in dark mode; re-bridge it there too */
:root body.yf-redesign.yf-dashboard-auth .content {
    --yf-app-ink: var(--rd-ink);
    --yf-app-muted: var(--rd-muted);
    --yf-app-surface: var(--rd-surface);
    --yf-app-surface-soft: var(--rd-surface-grouped);
    --yf-app-border: var(--rd-line);
    --yf-app-border-strong: var(--rd-line-strong);
    --yf-app-mint-soft: var(--rd-accent-soft);
}