/* SCRNSVRS brand palette – https://www.scrnsvrs.com/media-kit/ */
:root {
  /* Brand */
  --scrnsvrs-ink: #030303;
  --scrnsvrs-lime: #E8FC56;
  --scrnsvrs-lavender: #CCB6EB;
  --scrnsvrs-coral: #F16058;
  --scrnsvrs-paper: #F9F8F3;

  /* Surfaces */
  --scrnsvrs-night: #050505;
  --scrnsvrs-panel-deep: #0B0B0C;
  --scrnsvrs-surface: #111110;
  --scrnsvrs-panel: #141416;
  --scrnsvrs-tile: #161615;
  --scrnsvrs-surface-raised: #1A1A18;
  --scrnsvrs-surface-sand: #1C1C1A;
  --scrnsvrs-track: #303033;

  /* Text & lines */
  --scrnsvrs-on-night: #FFFFFF;
  --scrnsvrs-text-primary: #F2F1EC;
  --scrnsvrs-text-secondary: #B6B5AF;
  --scrnsvrs-text-muted: #8E8D88;
  --scrnsvrs-hairline: rgb(255 255 255 / 0.12);

  /* App icon */
  --scrnsvrs-icon-top: #1E1F23;
  --scrnsvrs-icon-bottom: #030304;

  /* Tints */
  --scrnsvrs-lime-6: rgb(232 252 86 / 0.06);
  --scrnsvrs-lime-8: rgb(232 252 86 / 0.08);
  --scrnsvrs-lime-12: rgb(232 252 86 / 0.12);
  --scrnsvrs-lime-25: rgb(232 252 86 / 0.25);
  --scrnsvrs-lime-35: rgb(232 252 86 / 0.35);
  --scrnsvrs-lime-40: rgb(232 252 86 / 0.4);
  --scrnsvrs-lime-60: rgb(232 252 86 / 0.6);
  --scrnsvrs-lavender-14: rgb(204 182 235 / 0.14);
  --scrnsvrs-lavender-20: rgb(204 182 235 / 0.2);
  --scrnsvrs-lavender-35: rgb(204 182 235 / 0.35);
  --scrnsvrs-lavender-60: rgb(204 182 235 / 0.6);
  --scrnsvrs-coral-60: rgb(241 96 88 / 0.6);
  --scrnsvrs-white-8: rgb(255 255 255 / 0.08);
  --scrnsvrs-white-55: rgb(255 255 255 / 0.55);
  --scrnsvrs-white-68: rgb(255 255 255 / 0.68);

  /* Roles */
  --scrnsvrs-primary: var(--scrnsvrs-lime);
  --scrnsvrs-success: var(--scrnsvrs-lime);
  --scrnsvrs-error: var(--scrnsvrs-coral);
  --scrnsvrs-focus: var(--scrnsvrs-coral);
  --scrnsvrs-background: var(--scrnsvrs-surface);

  /* Type and shape */
  --scrnsvrs-font-head: 'Poppins', system-ui, sans-serif;
  --scrnsvrs-font-body: 'Inter', system-ui, sans-serif;
  --scrnsvrs-radius-sm: 12px;
  --scrnsvrs-radius-lg: 20px;
  --scrnsvrs-radius-xl: 26px;
  --scrnsvrs-radius-full: 999px;
}