//
// Bootstrap variable overrides
// Full list of available variables: node_modules/bootstrap/scss/_variables.scss
//

$primary: #171410;
$secondary: #737783;

$portal-ink: #121212;
$portal-heading: #030303;
$portal-black: #050505;
$portal-white: #ffffff;
$portal-muted: #747984;
$portal-muted-light: #8a8e96;
$portal-text: #4f5258;
$portal-text-strong: #232323;
$portal-menu-text: #545861;
$portal-label: #6f737b;
$portal-field-placeholder: #a6a8ad;
$portal-counter: #a2a5aa;
$portal-soft: #f3f2f0;
$portal-icon-soft: #f2f2f2;
$portal-soft-card: #fbfbfb;
$portal-line: #e5e2dc;
$portal-field-line: #dddeda;
$portal-subtle-line: #d7d7d7;
$portal-track: #d8d8d8;
$portal-card: #ffffff;
$portal-top: #171410;
$portal-top-end: #3a362d;
$portal-blue: #4d5d79;
$portal-blue-dark: #25334c;
$portal-blue-light: #7b889e;
$portal-success-bg: #bfe8d9;
$portal-success-text: #2f8a67;
$portal-warning-bg: #fff0c8;
$portal-warning-text: #b58225;
$portal-error-bg: #fdecea;
$portal-error-text: #c62828;
$portal-placeholder: #e6e7e8;
$portal-placeholder-text: #8a8d94;
$portal-icon: #89909d;
$portal-field-focus-border: #969ba6;
$portal-logo-divider: #b8b8b8;
$portal-focus: rgba(79, 91, 115, 0.08);
$portal-shadow-soft: rgba(18, 18, 18, 0.03);
$portal-backdrop: rgba(18, 18, 18, 0.45);

//
// Portal design tokens
// Repeated literals that were previously copy-pasted across the sheet.
//
$portal-serif: 'Suisse Works', Georgia, 'Times New Roman', serif;
$portal-panel-shadow: 0 14px 40px $portal-shadow-soft;
$portal-content-max: 1120px;

// The workspace height maths depends on these two; keep them in step with
// .portal-topbar and .portal-brandbar.
$portal-topbar-height: 42px;
$portal-brandbar-height: 62px;

$font-family-sans-serif: 'Suisse Intl',
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    Arial,
    sans-serif;

$enable-negative-margins: true;