:root {
  --ink-950: #0B1512;
  --ink-900: #15201D;
  --ink-800: #1E2C27;
  --ink-700: #26352F;
  --ink-600: #37483F;
  --pine: #0F6E62;
  --pine-deep: #0B564D;
  --pine-light: #45B3A4;
  --pine-hover: #159183;
  --gas: #6F8F3A;
  --oil: #8C3A3A;
  --chalk: #F5F8F5;
  --mist: #E9EFE9;
  --line-light: #DDE4E0;
  --text-dark: #1B2622;
  --text-stone: #67736C;
  --text-on-dark: #F2F6F2;
  --muted-on-dark: #7E8C84;
  --muted-soft: #B3BFB8;
  --muted-strong: #CFD9D3;
  --success: #2F7D46;
  --success-bg: #EBF5EE;
  --success-border: #BFDEC8;
  --error: #C0261C;
  --error-bg: #FCECEA;
  --error-border: #EFC4BF;
  --warning: #9A6B00;
  --water-tint: #E2F1EE;
  --water-text: #0B564D;
  --water-border: #B6D9D1;
  --gas-tint: #EEF3E3;
  --gas-text: #4E6626;
  --gas-border: #CEDCB4;
  --oil-tint: #F6EAE8;
  --oil-text: #7A3130;
  --oil-border: #DDC2BE;
  --grad-pine: linear-gradient(102deg, #15201D, #254238);
  --grad-depth: linear-gradient(102deg, #15201D 0%, #8C3A3A 74%, #6F8F3A 100%);
  --grad-water: linear-gradient(102deg, #0B564D, #0F6E62);
  --grad-water-hover: linear-gradient(102deg, #0F6E62, #45B3A4);
  --scrim: linear-gradient(180deg, rgba(11, 29, 38, 0), rgba(11, 29, 38, 0.88));
  --font-head: 'Poppins', 'Segoe UI', Arial, sans-serif;
  --font-body: 'Open Sans', 'Segoe UI', Arial, sans-serif;
  --font-mono: 'Roboto Mono', Consolas, monospace;
  --container: 1240px;
  --shadow-overlay: 0 12px 28px rgba(11, 29, 38, 0.16);
  --flow-stripe: linear-gradient(90deg, #0F6E62 0 34%, #6F8F3A 34% 58%, #8C3A3A 58% 74%, transparent 74%);
}

@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/OpenSans-400-italic.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/OpenSans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/OpenSans-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/OpenSans-700.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Poppins-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/Poppins-500.woff2') format('woff2');
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Poppins-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/RobotoMono-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/RobotoMono-500.woff2') format('woff2');
}