﻿:root{
  --blue-50:#EFF7FF;  --blue-100:#DCEDFE; --blue-200:#BDDAFB; --blue-300:#95C1F6;
  --blue-400:#62A1ED; --blue-500:#3280DD; --blue-600:#0E66C8; --blue-700:#084FA3;
  --blue-800:#0B3A7A; --blue-900:#0B2752;

  --gold-200:#F7ECB7; --gold-300:#F5DE87; --gold-400:#F2CE59; --gold-500:#EBBE30; --gold-600:#D69718;

  --ink-50:#F9FAFC;  --ink-100:#F1F4F7; --ink-200:#E4E8EC; --ink-300:#D3D8DD;
  --ink-400:#ACB2B9; --ink-500:#838A92; --ink-600:#636A72; --ink-700:#474E57;
  --ink-800:#2D333C; --ink-900:#1B1F27; --ink-950:#0E1218;

  --success:#269E5F; --warning:#EFA831; --danger:#D33B36;

  --partner-mono:#424651;

  --font:'e-Ukraine',system-ui,-apple-system,sans-serif;
  --head:'e-Ukraine Head','e-Ukraine',system-ui,sans-serif;
  --mono:ui-monospace,'SFMono-Regular',Menlo,monospace;

  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:20px; --space-6:24px; --space-7:32px; --space-8:40px;
  --space-9:56px; --space-10:72px; --space-11:96px; --space-12:128px;

  --radius-xs:8px; --radius-sm:12px; --radius-md:16px;
  --radius-lg:20px; --radius-xl:28px; --radius-full:9999px;

  --shadow-1:0 1px 2px rgba(11,39,82,.06);
  --shadow-2:0 4px 12px -4px rgba(11,39,82,.10);
  --shadow-3:0 8px 24px -8px rgba(11,39,82,.16);
  --shadow-4:0 18px 44px -12px rgba(11,39,82,.24);
  --shadow-5:0 32px 80px -20px rgba(11,39,82,.32);

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-1:120ms; --dur-2:200ms; --dur-3:320ms;

  --container:1280px; --gutter:24px; --page-pad:80px;
}

.glass-2{background:rgba(255,255,255,.70);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);
  border:1px solid rgba(255,255,255,.80);box-shadow:var(--shadow-3),inset 0 1px 0 rgba(255,255,255,.9)}
.glass-3{background:rgba(255,255,255,.74);backdrop-filter:blur(32px) saturate(170%);-webkit-backdrop-filter:blur(32px) saturate(170%);
  border:1px solid rgba(255,255,255,.80);box-shadow:var(--shadow-4),inset 0 1px 0 rgba(255,255,255,.95)}

@supports not (backdrop-filter:blur(1px)){
  .glass-2,.glass-3,.card{background:rgba(255,255,255,.94)}
}
