/* ============================================================
   Webground Design Tokens
   Portolva: Webground Design System / colors_and_type.css
   ============================================================ */

@font-face {
  font-family: 'League Spartan';
  src: url('../fonts/league-spartan-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-500.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand colors */
  --wg-teal:        #088586;
  --wg-teal-700:    #066667;
  --wg-teal-50:     #E6F2F2;
  --wg-orange:      #FC9E4F;
  --wg-orange-700:  #E1873B;
  --wg-bg-soft:     #F1F3FC;
  --wg-ink:         #282F3B;
  --wg-white:       #FFFFFF;

  /* Neutrals */
  --wg-ink-90: #3A4150;
  --wg-ink-70: #5A6271;
  --wg-ink-50: #8A91A0;
  --wg-ink-30: #C4C8D2;
  --wg-ink-15: #E3E5EC;
  --wg-ink-08: #EFF1F6;

  /* Semantic foreground */
  --fg-1: var(--wg-ink);
  --fg-2: var(--wg-ink-70);
  --fg-3: var(--wg-ink-50);
  --fg-on-dark: var(--wg-white);
  --fg-on-teal: var(--wg-white);
  --fg-on-orange: var(--wg-ink);

  /* Semantic background */
  --bg-1: var(--wg-white);
  --bg-2: var(--wg-bg-soft);
  --bg-dark: var(--wg-ink);

  /* Borders */
  --border-1: var(--wg-ink-15);
  --border-2: var(--wg-ink-30);
  --border-hover: var(--wg-teal);
  --border-focus: var(--wg-teal);

  /* Status */
  --success: #2F9E66;
  --warning: var(--wg-orange);
  --danger:  #D14A3A;
  --info:    var(--wg-teal);

  /* Radii */
  --radius-button: 8px;
  --radius-card:   12px;
  --radius-pill:   999px;
  --radius-input:  8px;

  /* Spacing (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  --space-9:  96px;
  --space-10: 128px;

  /* Typography */
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'League Spartan', 'Inter', system-ui, sans-serif;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;

  --leading-tight:  1.05;
  --leading-snug:   1.3;
  --leading-normal: 1.55;

  --tracking-tight:  -0.025em;
  --tracking-normal:  0em;
  --tracking-wide:    0.04em;

  /* Type scale */
  --fs-display: 64px;
  --fs-h1:      48px;
  --fs-h2:      36px;
  --fs-h3:      24px;
  --fs-h4:      20px;
  --fs-body-lg: 18px;
  --fs-body:    16px;
  --fs-small:   14px;
  --fs-caption: 12px;

  /* Layout */
  --container-max: 1200px;
  --container-pad: 24px;
  --section-y:     96px;

  /* Elevation — csak lebegő menühöz */
  --elev-menu: 0 4px 12px rgba(40, 47, 59, 0.08);

  /* Motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 180ms;
  --dur-slow: 280ms;
}