/* 2SELL ONE 2.0.0 · derived from pinned tokens.css; variables only, original cascade. See references/proveniencia.md. */
:root {
  --via-navy:        #0A1F3B;
  --via-navy-deep:   #02162A;
  --via-navy-darker: #010B1A;
  --via-blue:        #1E3A5F;
  --via-blue-soft:   #2A4A6E;
  --via-chart-1:     #0A1F3B;
  --via-chart-2:     #335379;
  --via-chart-3:     #5E7B9E;
  --via-chart-4:     #93A8C2;
  --via-chart-5:     #C4CFDD;
  --via-chart-ink:   var(--via-navy);
  --via-chart-ink-2: var(--via-blue);
  --via-navy-80: rgba(10, 31, 59, 0.80);
  --via-navy-60: rgba(10, 31, 59, 0.60);
  --via-navy-40: rgba(10, 31, 59, 0.40);
  --via-navy-30: rgba(10, 31, 59, 0.30);
  --via-navy-25: rgba(10, 31, 59, 0.25);
  --via-navy-22: rgba(10, 31, 59, 0.22);
  --via-navy-20: rgba(10, 31, 59, 0.20);
  --via-navy-18: rgba(10, 31, 59, 0.18);
  --via-navy-16: rgba(10, 31, 59, 0.16);
  --via-navy-14: rgba(10, 31, 59, 0.14);
  --via-navy-12: rgba(10, 31, 59, 0.12);
  --via-navy-10: rgba(10, 31, 59, 0.10);
  --via-navy-08: rgba(10, 31, 59, 0.08);
  --via-navy-06: rgba(10, 31, 59, 0.06);
  --via-navy-05: rgba(10, 31, 59, 0.05);
  --via-navy-04: rgba(10, 31, 59, 0.04);
  --via-navy-03: rgba(10, 31, 59, 0.03);
  --via-navy-02: rgba(10, 31, 59, 0.02);
  --via-gray-50:  #F7F8FA;
  --via-gray-100: #F0F2F5;
  --via-gray-200: #E4E7EC;
  --via-gray-300: #D0D5DD;
  --via-gray-400: #98A2B3;
  --via-gray-500: #667085;
  --via-gray-600: #475467;
  --via-gray-700: #344054;
  --via-gray-800: #1D2939;
  --via-gray-900: #101828;
  --via-stage-soft: var(--via-gray-200);
  --via-stage-1:    var(--via-gray-300);
  --via-stage-2:    var(--via-gray-400);

  --via-black: #000000;
  --via-white: #FFFFFF;
  --via-bg:           var(--via-white);
  --via-bg-2:         var(--via-gray-50);
  --via-bg-3:         var(--via-gray-100);
  --via-surface:      var(--via-white);
  --via-surface-elev: var(--via-white);
  --via-text-primary:  var(--via-navy);
  --via-text-body:     var(--via-gray-700);
  --via-text-muted:    #4F596B;
  --via-text-faint:    var(--via-gray-400);
  --via-text-inverse:  var(--via-white);
  --via-border-hairline: var(--via-gray-200);
  --via-border:          rgba(10, 31, 59, 0.16);
  --via-border-soft:     rgba(10, 31, 59, 0.05);
  --via-border-strong:   var(--via-navy-40);
  --via-success: #1F8A5B;
  --via-warning: #0A1F3B;
  --via-danger:  #B83A3A;
  --via-text:        var(--via-gray-700);
  --via-text-soft:   #636D80;
  --via-ink-2:       #5E6B82;
  --via-ink-3:       #525C72;
  --via-accent:       var(--via-navy);
  --via-accent-deep:  var(--via-navy-deep);
  --via-accent-soft:  var(--via-gray-300);
  --via-accent-warm:  var(--via-navy-deep);
  --via-accent-light: var(--via-gray-300);
  --via-coral:       #B85C5C;
  --via-coral-dark:  #8C2C2C;
  --via-coral-deep:  #A14848;
  --via-display: var(--via-font-display);
  --via-mono:    var(--via-font-mono);
  --via-bg-soft: rgba(10, 31, 59, 0.025);
}
:root[data-theme="dark"] {
  --via-bg:           #0B1220;
  --via-bg-2:         #131C30;
  --via-bg-3:         #1B273F;
  --via-surface:      #131C30;
  --via-surface-elev: #1B273F;
  --via-bg-soft:      rgba(255, 255, 255, 0.04);
  --via-gray-50:  #0F1729;
  --via-gray-100: #17213A;
  --via-stage-soft: #1B273F;
  --via-stage-1:    #131C30;
  --via-stage-2:    #0B1220;
  --via-text-primary: #F4F6FA;
  --via-text-body:    #D0D5DD;
  --via-text-muted:   #AEB8C6;
  --via-text-faint:   #9CA5B5;
  --via-text-inverse: var(--via-navy);
  --via-chart-1:     #6E8CB4;
  --via-chart-2:     #8BA3C4;
  --via-chart-3:     #A8BAD4;
  --via-chart-4:     #C5D1E2;
  --via-chart-5:     #E0E7F1;
  --via-chart-ink:   #9FBDE4;
  --via-chart-ink-2: #6E8CB4;

  --via-text:      #D0D5DD;
  --via-text-soft: #AEB8C6;
  --via-ink-2:     #B4BBC9;
  --via-ink-3:     #AEB8C6;
  --via-border-hairline: rgba(255, 255, 255, 0.10);
  --via-border:          rgba(255, 255, 255, 0.18);
  --via-border-soft:     rgba(255, 255, 255, 0.08);
  --via-border-strong:   rgba(255, 255, 255, 0.30);
  --via-navy-02: rgba(255, 255, 255, 0.025);
  --via-navy-03: rgba(255, 255, 255, 0.035);
  --via-navy-04: rgba(255, 255, 255, 0.045);
  --via-navy-05: rgba(255, 255, 255, 0.055);
  --via-navy-06: rgba(255, 255, 255, 0.07);
  --via-navy-08: rgba(255, 255, 255, 0.09);
  --via-navy-10: rgba(255, 255, 255, 0.11);
  --via-navy-12: rgba(255, 255, 255, 0.13);
  --via-navy-14: rgba(255, 255, 255, 0.15);
  --via-navy-16: rgba(255, 255, 255, 0.17);
  --via-navy-18: rgba(255, 255, 255, 0.19);
  --via-navy-20: rgba(255, 255, 255, 0.22);
  --via-navy-22: rgba(255, 255, 255, 0.24);
  --via-navy-25: rgba(255, 255, 255, 0.28);
  --via-navy-30: rgba(255, 255, 255, 0.32);
  --via-navy-40: rgba(255, 255, 255, 0.42);
  --via-navy-60: rgba(255, 255, 255, 0.55);
  --via-navy-80: rgba(255, 255, 255, 0.72);
  --via-shadow-xs: 0 1px 2px rgba(0,0,0,0.30);
  --via-shadow-sm: 0 2px 6px rgba(0,0,0,0.34), 0 1px 2px rgba(0,0,0,0.24);
  --via-shadow-md: 0 6px 18px rgba(0,0,0,0.42), 0 1px 3px rgba(0,0,0,0.30);
  --via-shadow-lg: 0 16px 40px rgba(0,0,0,0.52), 0 2px 8px rgba(0,0,0,0.34);
  --via-shadow-xl: 0 32px 80px rgba(0,0,0,0.62), 0 4px 16px rgba(0,0,0,0.40);
  --via-shadow-focus: 0 0 0 3px rgba(255,255,255,0.22);
  --via-shadow-ink-03: rgba(0, 0, 0, 0.18);
  --via-shadow-ink-06: rgba(0, 0, 0, 0.26);
  --via-shadow-ink-10: rgba(0, 0, 0, 0.34);
  --via-shadow-ink-14: rgba(0, 0, 0, 0.40);
  --via-shadow-ink-20: rgba(0, 0, 0, 0.46);
  --via-shadow-ink-30: rgba(0, 0, 0, 0.54);
  --via-shadow-ink-40: rgba(0, 0, 0, 0.62);
  --via-shadow-ink-60: rgba(0, 0, 0, 0.72);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --via-bg:           #0B1220;
    --via-bg-2:         #131C30;
    --via-surface:      #131C30;
    --via-text-primary: #F4F6FA;
    --via-text-body:    #D0D5DD;
    --via-text:         #D0D5DD;
    --via-text-soft:    #98A2B3;
    --via-ink-2:        #B4BBC9;
    --via-ink-3:        #98A2B3;
    --via-border-soft:  rgba(255, 255, 255, 0.08);
  }
}
:root {
  --via-glass-card:   linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.84) 10%, rgba(247, 248, 250, 0.58) 100%);
  --via-glass-card-2: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 248, 250, 0.62));
  --via-glass-bar:    rgba(255, 255, 255, 0.6);
  --via-surface-onnavy: linear-gradient(180deg, #FFFFFF 0%, #F5F7FA 100%);
  --via-edge-hi: rgba(255, 255, 255, 0.95);
  --via-edge-lo: rgba(255, 255, 255, 0.4);
  --via-glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.6), transparent);
}

:root[data-theme="dark"] {
  --via-glass-card:   linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.022) 100%);
  --via-glass-card-2: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018));
  --via-glass-bar:    rgba(11, 18, 32, 0.55);
  --via-edge-hi: rgba(255, 255, 255, 0.08);
  --via-edge-lo: rgba(255, 255, 255, 0.05);
  --via-glass-sheen: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent);
  --via-accent-warm: var(--via-text-primary);
  --via-coral-dark: #E89B9B;
  --via-danger: #E58A8A;
}
:root {
  --via-font-display: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  --via-font:         'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  --via-font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
  --via-fw-light:    300;
  --via-fw-regular:  400;
  --via-fw-medium:   500;
  --via-fw-semibold: 600;
  --via-fw-bold:     700;
  --via-fw-black:    900;
  --via-fs-hero:    5rem;
  --via-fs-display: 3.5rem;
  --via-fs-h1:      2.5rem;
  --via-fs-h2:      2rem;
  --via-fs-h3:      1.5rem;
  --via-fs-h4:      1.125rem;
  --via-fs-body:    1rem;
  --via-fs-sm:      0.875rem;
  --via-fs-caption: 0.8125rem;
  --via-fs-xs:      0.75rem;
  --via-fs-label:   0.6875rem;
  --via-fs-micro:   0.625rem;
  --via-ls-brand: 0.32em;
  --via-ls-mark:  0.22em;
  --via-ls-label: 0.18em;
  --via-ls-wide:  0.08em;
  --via-ls-tight: -0.015em;
  --via-ls-tighter: -0.025em;
  --via-lh-tight:  1.02;
  --via-lh-snug:   1.2;
  --via-lh-normal: 1.5;
  --via-lh-loose:  1.65;
  --via-space-0_5: 2px;
  --via-space-1:   4px;
  --via-space-1_5: 6px;
  --via-space-2:   8px;
  --via-space-2_5: 10px;
  --via-space-3:   12px;
  --via-space-3_5: 14px;
  --via-space-4:   16px;
  --via-space-4_5: 18px;
  --via-space-5:   20px;
  --via-space-5_5: 22px;
  --via-space-6:   24px;
  --via-space-7:   28px;
  --via-space-8:   32px;
  --via-space-9:   36px;
  --via-space-10:  40px;
  --via-space-12:  48px;
  --via-space-14:  56px;
  --via-space-16:  64px;
  --via-space-20:  80px;
  --via-space-24:  96px;
  --via-space-32:  128px;
  --via-radius-xs:   6px;
  --via-radius-sm:   10px;
  --via-radius-md:   14px;
  --via-radius-lg:   20px;
  --via-radius-xl:   28px;
  --via-radius-2xl:  40px;
  --via-radius-pill: 999px;
  --via-shadow-ink-03: rgba(10, 31, 59, 0.03);
  --via-shadow-ink-06: rgba(10, 31, 59, 0.06);
  --via-shadow-ink-10: rgba(10, 31, 59, 0.10);
  --via-shadow-ink-14: rgba(10, 31, 59, 0.14);
  --via-shadow-ink-20: rgba(10, 31, 59, 0.20);
  --via-shadow-ink-30: rgba(10, 31, 59, 0.30);
  --via-shadow-ink-40: rgba(10, 31, 59, 0.40);
  --via-shadow-ink-60: rgba(10, 31, 59, 0.60);
  --via-data-1:      #2E6FC4;
  --via-data-2:      #7FB0EE;
  --via-data-1-dark: #5C9BEA;
  --via-data-2-dark: #2E6FC4;
  --via-data-grid:   var(--via-navy-08);
  --via-data-axis:   var(--via-navy-20);
  --via-data-ink:    var(--via-text-muted);
  --via-glass-blur:      blur(24px) saturate(175%);
  --via-glass-blur-bar:  blur(26px) saturate(185%);
  --via-glass-ring:      1px solid var(--via-border-soft);
  --via-glass-shadow:
    inset 0 1px 0 var(--via-edge-hi),
    0 12px 32px -14px var(--via-navy-14),
    0 2px 8px -4px var(--via-navy-06);
  --via-glass-shadow-lift:
    inset 0 1px 0 var(--via-edge-hi),
    0 24px 56px -20px var(--via-navy-20),
    0 4px 12px -6px var(--via-navy-08);
  --via-border-fine:   0.5px solid var(--via-border-hairline);
  --via-border-1:      1px solid var(--via-border);
  --via-border-strong: 1px solid var(--via-navy-40);
  --via-shadow-xs: 0 1px 2px rgba(10,31,59,0.04);
  --via-shadow-sm: 0 2px 6px rgba(10,31,59,0.05), 0 1px 2px rgba(10,31,59,0.03);
  --via-shadow-md: 0 6px 18px rgba(10,31,59,0.07), 0 1px 3px rgba(10,31,59,0.04);
  --via-shadow-lg: 0 16px 40px rgba(10,31,59,0.10), 0 2px 8px rgba(10,31,59,0.05);
  --via-shadow-xl: 0 32px 80px rgba(10,31,59,0.14), 0 4px 16px rgba(10,31,59,0.06);
  --via-shadow-glass-light:
    inset 0 1px 0 rgba(255,255,255,0.95),
    inset 0 -1px 0 rgba(255,255,255,0.30),
    0 12px 32px rgba(10,31,59,0.08),
    0 2px 8px rgba(10,31,59,0.04);

  --via-shadow-glass-dark:
    inset 0 1px 0 rgba(255,255,255,0.25),
    inset 0 -1px 0 rgba(255,255,255,0.06),
    0 16px 40px rgba(0,0,0,0.30),
    0 4px 12px rgba(0,0,0,0.15);

  --via-shadow-focus: 0 0 0 3px rgba(10,31,59,0.15);
  --via-blur-sm: blur(8px)  saturate(140%);
  --via-blur-md: blur(16px) saturate(160%);
  --via-blur-lg: blur(28px) saturate(180%);
  --via-blur-xl: blur(48px) saturate(180%);
  --via-ease:        cubic-bezier(0.32, 0.08, 0.24, 1);
  --via-ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --via-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --via-ease-snap:   cubic-bezier(.2, .7, .2, 1);
  --via-t-fast:      120ms var(--via-ease);
  --via-t:           180ms var(--via-ease);
  --via-t-slow:      360ms var(--via-ease);
  --via-dur:         220ms;
  --via-dur-press:   110ms;
  --via-container: 1280px;
  --via-content:   760px;
  --via-narrow:    560px;
  --via-mesh-light:
    radial-gradient(ellipse 60% 70% at 12% 0%,  rgba(30,58,95,0.28) 0%,  transparent 55%),
    radial-gradient(ellipse 50% 60% at 95% 8%,  rgba(46,76,118,0.22) 0%, transparent 55%),
    radial-gradient(ellipse 70% 80% at 100% 100%, rgba(10,31,59,0.30) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 5% 100%, rgba(30,58,95,0.18) 0%, transparent 55%),
    linear-gradient(135deg, #CCD4DD 0%, #A7B2C0 100%);
  --via-mesh-navy:
    radial-gradient(ellipse 60% 70% at 12% 0%,  rgba(46,76,118,0.55) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 95% 8%,  rgba(30,58,95,0.50)  0%, transparent 60%),
    radial-gradient(ellipse 70% 80% at 100% 100%, rgba(2,22,42,0.85) 0%, transparent 55%),
    radial-gradient(ellipse 50% 60% at 5% 100%, rgba(46,76,118,0.40) 0%, transparent 55%),
    linear-gradient(135deg, #0A1F3B 0%, #02162A 100%);
  --via-noise:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.12 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>");
  --via-glow-navy:
    0 0 0 1px rgba(10,31,59,0.05),
    0 8px 24px rgba(10,31,59,0.20),
    0 16px 48px rgba(10,31,59,0.14);

  --via-glow-navy-strong:
    0 0 0 1px rgba(10,31,59,0.10),
    0 16px 48px rgba(10,31,59,0.30),
    0 32px 80px rgba(10,31,59,0.20);
}
.vds-onlight {
  --via-text-primary: var(--via-navy);
  --via-text-body: var(--via-gray-700);
  --via-text-muted: var(--via-gray-500);
  --via-text-soft: var(--via-gray-500);
  --via-text-faint: var(--via-gray-400);
}
@media (prefers-reduced-transparency: reduce) {
  :root,
  :root[data-theme='dark'] {
    --via-glass-blur: none;
    --via-glass-blur-bar: none;
    --via-glass-card: var(--via-surface);
    --via-glass-card-2: var(--via-surface);
    --via-glass-bar: var(--via-surface);
  }
}
@media (prefers-contrast: more) {
  :root {
    --via-border-soft: rgba(10, 31, 59, 0.4);
  }
  :root[data-theme='dark'] {
    --via-border-soft: rgba(255, 255, 255, 0.45);
  }
  :root,
  :root[data-theme='dark'] {
    --via-glass-card: var(--via-surface);
    --via-glass-card-2: var(--via-surface);
    --via-glass-bar: var(--via-surface);
  }
}