/* ═══════════════════════════════════════════════════════════════
   GCD App — Base Styles
   Exact match: gandestesicastigadiferit.com
   Mobile-first
═══════════════════════════════════════════════════════════════ */

:root {
  --navy:       #1E2235;
  --navy-dark:  #1E2235;
  --navy-mid:   #2A3050;
  --teal:       #34D399;
  --teal-light: #6EE7B7;
  --teal-dim:   rgba(52, 211, 153, 0.12);
  --white:      #FAFAF6;
  --bg:         #1E2235;
  --card-bg:    #2A3050;
  --text:       #FAFAF6;
  --muted:      #D0C9BC;
  --border:     rgba(245, 240, 232, 0.10);
  --shadow-sm:  0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md:  0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-lg:  0 20px 60px rgba(0, 0, 0, 0.6);
  --r-sm:  8px;
  --r-md:  16px;
  --r-lg:  20px;
  --r-xl:  28px;
  --r-full: 9999px;
  --font:  'Inter', system-ui, -apple-system, sans-serif;
  --trans: .2s ease;
}

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

html {
  scroll-behavior: smooth;
  overscroll-behavior-x: none;
}

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overscroll-behavior: none;
}

#screen-login,
#screen-app { max-width: 100vw; position: relative; }

a { color: inherit; text-decoration: none; }
button { cursor: pointer; border: none; background: none; font-family: var(--font); }
img { display: block; max-width: 100%; }

/* ── Utilities ── */
.hidden { display: none !important; }
.gcd-session-restore #screen-login { display: none !important; }
.screen { min-height: 100vh; }
.screen.active { display: block; }

@media (max-width: 559px) {
  html {
    font-size: 15px;
  }

  body {
    font-size: 0.94rem;
  }
}