/* Cloud Wall on the payment page: its fonts and colours, as on its documents and on cloudwall.bg.
   The fonts are the documents' own files (OFL, licences beside them). */

@font-face { font-family: 'Roboto'; font-weight: 100 900; font-display: swap; src: url('fonts/roboto-latin.woff2') format('woff2'); }
@font-face { font-family: 'Roboto Mono'; font-weight: 100 900; font-display: swap; src: url('fonts/roboto-mono-latin.woff2') format('woff2'); }
@font-face { font-family: 'Archivo'; font-weight: 100 900; font-display: swap; src: url('fonts/archivo-latin.woff2') format('woff2'); }

:root {
  --font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
  --mono: 'Roboto Mono', ui-monospace, Menlo, Consolas, monospace;
  --ink: #0C1424;
  --muted: #57627B;
  --line: #DCE1EC;
  --hair: #ECEFF6;
  --soft: #F5F6FA;
  --paper: #FFFFFF;
  --accent: #0F766E;
  --accent-ink: #FFFFFF;
  --ok: #0F766E;
  --off: #8A5A00;
}

.cw-logo { display: flex; align-items: center; gap: 14px; font-family: 'Archivo', 'Helvetica Neue', Arial, sans-serif; }
.cw-logo img { display: block; width: 52px; height: 34px; flex: none; }
.cw-logo-text { display: flex; flex-direction: column; gap: 6px; }
.cw-logo-name { font-size: 19px; letter-spacing: .09em; line-height: 1; white-space: nowrap; }
.cw-logo-cloud { font-weight: 400; color: #6B7684; }
.cw-logo-wall { font-weight: 600; color: #101A26; }
.cw-logo-tagline { font-size: 8.5px; letter-spacing: .24em; line-height: 1; color: #0F766E; text-transform: uppercase; white-space: nowrap; }