/*
|--------------------------------------------------------------------------
| ReserveWallet Settlement Console
| SETTLEMENT-THEME-09 — Paper White Design Tokens
|--------------------------------------------------------------------------
| Terminal Safe | Assets Only | No View Activation
|--------------------------------------------------------------------------
*/

:root,
.rw-paper-theme {
    /* Paper White Core */
    --rw-bg: #F7F9FC;
    --rw-paper: #FFFFFF;
    --rw-surface: #FFFFFF;
    --rw-card: #FFFFFF;
    --rw-soft-surface: #F1F5F9;

    /* Brand Accents */
    --rw-primary: #00B894;
    --rw-primary-dark: #008F72;
    --rw-secondary: #0EA5E9;
    --rw-mint: #E8FFF8;
    --rw-gold: #D99A16;

    /* Semantic */
    --rw-success: #16A34A;
    --rw-warning: #D97706;
    --rw-danger: #DC2626;
    --rw-info: #0284C7;
    --rw-hold: #7C3AED;

    /* Text */
    --rw-text: #0F172A;
    --rw-muted: #64748B;
    --rw-soft: #334155;
    --rw-inverse: #FFFFFF;

    /* Borders */
    --rw-border: rgba(15, 23, 42, 0.10);
    --rw-border-strong: rgba(0, 184, 148, 0.34);

    /* Glass / Paper */
    --rw-glass: rgba(255, 255, 255, 0.78);
    --rw-glass-strong: rgba(255, 255, 255, 0.94);

    /* Typography */
    --rw-font-heading: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --rw-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --rw-font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

    /* Font Scale */
    --rw-text-xs: 0.75rem;
    --rw-text-sm: 0.875rem;
    --rw-text-base: 1rem;
    --rw-text-lg: 1.125rem;
    --rw-text-xl: 1.25rem;
    --rw-text-2xl: 1.5rem;
    --rw-text-3xl: 1.875rem;
    --rw-text-4xl: 2.25rem;

    /* Spacing */
    --rw-space-1: 0.25rem;
    --rw-space-2: 0.5rem;
    --rw-space-3: 0.75rem;
    --rw-space-4: 1rem;
    --rw-space-5: 1.25rem;
    --rw-space-6: 1.5rem;
    --rw-space-8: 2rem;
    --rw-space-10: 2.5rem;
    --rw-space-12: 3rem;

    /* Radius */
    --rw-radius-sm: 8px;
    --rw-radius-md: 12px;
    --rw-radius-lg: 16px;
    --rw-radius-xl: 22px;
    --rw-radius-full: 999px;

    /* Light Shadows */
    --rw-shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.06);
    --rw-shadow-md: 0 16px 42px rgba(15, 23, 42, 0.08);
    --rw-shadow-lg: 0 28px 80px rgba(15, 23, 42, 0.12);
    --rw-shadow-glow: 0 18px 44px rgba(0, 184, 148, 0.14);
    --rw-shadow-gold: 0 18px 44px rgba(217, 154, 22, 0.14);

    /* Animation */
    --rw-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --rw-speed-fast: 140ms;
    --rw-speed-base: 220ms;
    --rw-speed-slow: 420ms;

    /* Layout */
    --rw-sidebar-width: 300px;
    --rw-topbar-height: 76px;
    --rw-container: 1440px;
}

/* Global light base */
.rw-paper-theme,
body.rw-paper-theme {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(0, 184, 148, 0.10), transparent 28rem),
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.08), transparent 30rem),
        var(--rw-bg);
    color: var(--rw-text);
    font-family: var(--rw-font-body);
}

/* Light surfaces */
.rw-paper-theme .rw-surface,
.rw-paper-theme .rw-card,
.rw-paper-theme .rw-wizard-side,
.rw-paper-theme .rw-wizard-main,
.rw-paper-theme .rw-onboarding-form,
.rw-paper-theme .rw-onboarding-hero {
    background: var(--rw-paper);
    color: var(--rw-text);
    border: 1px solid var(--rw-border);
    box-shadow: var(--rw-shadow-md);
}

.rw-paper-theme .rw-glass {
    background: var(--rw-glass);
    border: 1px solid var(--rw-border);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* Text */
.rw-paper-theme .rw-heading,
.rw-paper-theme .rw-page-title,
.rw-paper-theme .rw-card-title,
.rw-paper-theme .rw-brand-title,
.rw-paper-theme .rw-auth-title {
    color: var(--rw-text);
}

.rw-paper-theme .rw-muted,
.rw-paper-theme .rw-card-subtitle,
.rw-paper-theme .rw-page-subtitle,
.rw-paper-theme .rw-step-copy,
.rw-paper-theme .rw-auth-copy {
    color: var(--rw-muted);
}

.rw-paper-theme .rw-page-kicker,
.rw-paper-theme .rw-gradient-text {
    color: var(--rw-primary);
    background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
}

/* Inputs */
.rw-paper-theme .rw-input,
.rw-paper-theme select.rw-input,
.rw-paper-theme textarea.rw-input,
.rw-paper-theme .rw-nav-search-input {
    background: #FFFFFF;
    color: var(--rw-text);
    border: 1px solid var(--rw-border);
    box-shadow: inset 0 1px 0 rgba(15,23,42,0.02);
}

.rw-paper-theme .rw-input::placeholder {
    color: #94A3B8;
}

.rw-paper-theme .rw-input:focus,
.rw-paper-theme .rw-nav-search-input:focus {
    border-color: var(--rw-primary);
    box-shadow: 0 0 0 4px rgba(0, 184, 148, 0.12);
}

/* Buttons */
.rw-paper-theme .rw-btn-primary {
    color: #FFFFFF;
    background: linear-gradient(135deg, var(--rw-primary), var(--rw-secondary));
    box-shadow: var(--rw-shadow-glow);
}

.rw-paper-theme .rw-btn-secondary {
    color: var(--rw-text);
    background: #FFFFFF;
    border-color: var(--rw-border);
    box-shadow: var(--rw-shadow-sm);
}

/* Navigation */
.rw-paper-theme .rw-sidebar,
.rw-paper-theme .rw-topbar {
    background: rgba(255,255,255,0.88);
    color: var(--rw-text);
    border-color: var(--rw-border);
    box-shadow: var(--rw-shadow-sm);
}

.rw-paper-theme .rw-nav-link {
    color: var(--rw-soft);
    background: transparent;
}

.rw-paper-theme .rw-nav-link:hover,
.rw-paper-theme .rw-nav-link.is-active,
.rw-paper-theme .rw-step-item.is-active {
    color: var(--rw-text);
    background: linear-gradient(135deg, rgba(0,184,148,0.10), rgba(14,165,233,0.05));
    border-color: var(--rw-border-strong);
    box-shadow: var(--rw-shadow-glow);
}

.rw-paper-theme .rw-step-item,
.rw-paper-theme .rw-option-card,
.rw-paper-theme .rw-summary-row,
.rw-paper-theme .rw-activity-item {
    background: #FFFFFF;
    border: 1px solid var(--rw-border);
    color: var(--rw-text);
    box-shadow: var(--rw-shadow-sm);
}

.rw-paper-theme .rw-step-number {
    background: var(--rw-mint);
    color: var(--rw-primary-dark);
}

/* Tables */
.rw-paper-theme .rw-table-wrap {
    background: #FFFFFF;
    border: 1px solid var(--rw-border);
    box-shadow: var(--rw-shadow-sm);
}

.rw-paper-theme .rw-table th {
    color: var(--rw-muted);
    background: #F8FAFC;
    border-bottom: 1px solid var(--rw-border);
}

.rw-paper-theme .rw-table td {
    color: var(--rw-soft);
    border-bottom: 1px solid var(--rw-border);
}

.rw-paper-theme .rw-table tr:hover td {
    background: rgba(0, 184, 148, 0.045);
}

/* KPI / Dashboard Cards */
.rw-paper-theme .rw-kpi-card {
    background: #FFFFFF;
    border: 1px solid var(--rw-border);
    box-shadow: var(--rw-shadow-md);
}

.rw-paper-theme .rw-kpi-card::after {
    background: radial-gradient(circle, rgba(0, 184, 148, 0.10), transparent 70%);
}

.rw-paper-theme .rw-kpi-label,
.rw-paper-theme .rw-kpi-meta {
    color: var(--rw-muted);
}

.rw-paper-theme .rw-kpi-value {
    color: var(--rw-text);
}

/* Alerts / Status */
.rw-paper-theme .rw-alert,
.rw-paper-theme .rw-form-note,
.rw-paper-theme .rw-upload-placeholder {
    background: rgba(0, 184, 148, 0.055);
    border: 1px solid rgba(0, 184, 148, 0.18);
    color: var(--rw-soft);
}

.rw-paper-theme .rw-alert-title {
    color: var(--rw-text);
}

.rw-paper-theme .rw-status-success {
    color: var(--rw-success);
    background: rgba(22, 163, 74, 0.10);
    border-color: rgba(22, 163, 74, 0.22);
}

.rw-paper-theme .rw-status-processing {
    color: var(--rw-info);
    background: rgba(2, 132, 199, 0.10);
    border-color: rgba(2, 132, 199, 0.22);
}

.rw-paper-theme .rw-status-warning {
    color: var(--rw-warning);
    background: rgba(217, 119, 6, 0.10);
    border-color: rgba(217, 119, 6, 0.22);
}

.rw-paper-theme .rw-status-danger {
    color: var(--rw-danger);
    background: rgba(220, 38, 38, 0.10);
    border-color: rgba(220, 38, 38, 0.22);
}

.rw-paper-theme .rw-status-hold {
    color: var(--rw-hold);
    background: rgba(124, 58, 237, 0.10);
    border-color: rgba(124, 58, 237, 0.22);
}

/* Progress */
.rw-paper-theme .rw-progress {
    background: #E5E7EB;
}

.rw-paper-theme .rw-progress-bar {
    background: linear-gradient(90deg, var(--rw-primary), var(--rw-secondary));
    box-shadow: var(--rw-shadow-glow);
}

/* Brand */
.rw-paper-theme .rw-brand-mark,
.rw-paper-theme .rw-login-logo {
    background: linear-gradient(135deg, var(--rw-primary), var(--rw-secondary));
    box-shadow: var(--rw-shadow-glow);
}

/* Skeleton */
.rw-paper-theme .rw-skeleton {
    background: linear-gradient(90deg, rgba(15,23,42,0.05), rgba(15,23,42,0.10), rgba(15,23,42,0.05));
    background-size: 220% 100%;
}

/* Utility override for old dark body class */
body.rw-theme.rw-paper-theme {
    background:
        radial-gradient(circle at top left, rgba(0, 184, 148, 0.10), transparent 28rem),
        radial-gradient(circle at top right, rgba(14, 165, 233, 0.08), transparent 30rem),
        var(--rw-bg);
    color: var(--rw-text);
}