/* ══════════════════════════════════════════════════════════════
   Gran Madrid | Casino Online — implementation of the Figma board
   Desktop  node 120:9931 (1440)   ·   Mobile  node 120:14612 (390)
   ══════════════════════════════════════════════════════════════ */

:root {
  --page:        #f5f5f9;
  --surface:     #ebebf2;
  --ink:         #282a3f;
  --ink-strong:  #222222;
  --muted:       #8f9099;
  --muted-2:     #7c80a8;
  --indigo:      #5d6192;
  --pink:        #e0005f;
  --black:       #07070b;

  --container:   1200px;
  --gutter:      10px;
  --row-gap:     30px;
  --radius-card: 10px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  line-height: 1.4;
}

img { display: block; max-width: 100%; }
[hidden] { display: none !important; }
a   { color: inherit; text-decoration: none; }
ul  { list-style: none; margin: 0; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }

.container {
  width: 100%;
  max-width: var(--container);
  margin-inline: auto;
  padding-inline: var(--gutter);
}