/*
Theme Name: Rio Casino
Theme URI: https://riodomain.com/
Author: Rio Editorial
Description: 리오카지노 - Festival Curated Casino. Carnival 컨셉 기반 카지노 affiliate 풀빌드 테마.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL v2 or later
Text Domain: rio-casino
*/

:root {
  --rkc-coral:    #E54B4B;
  --rkc-teal:     #00897B;
  --rkc-gold:     #FFB300;
  --rkc-magenta:  #C2185B;
  --rkc-cream:    #FFF8F0;
  --rkc-white:    #FFFFFF;
  --rkc-black:    #1A1A1A;
  --rkc-gray:     #5A5A5A;
  --rkc-border:   #E8E0D5;
  --rkc-shadow:   rgba(26, 26, 26, 0.08);

  --rkc-font-display: 'Bebas Neue', 'Noto Sans KR', sans-serif;
  --rkc-font-body: 'Noto Sans KR', -apple-system, sans-serif;
  --rkc-font-accent: 'Caveat', 'Noto Sans KR', cursive;

  --rkc-shell: 1240px;
  --rkc-content: 720px;

  --rkc-radius-sm: 4px;
  --rkc-radius-md: 8px;
  --rkc-radius-lg: 16px;

  --rkc-space-xs: 8px;
  --rkc-space-sm: 16px;
  --rkc-space-md: 32px;
  --rkc-space-lg: 64px;
  --rkc-space-xl: 96px;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--rkc-font-body);
  color: var(--rkc-black);
  background-color: var(--rkc-cream);
  line-height: 1.7;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: var(--rkc-coral);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--rkc-magenta);
}

button {
  font-family: inherit;
  cursor: pointer;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: -9999px;
}

.skip-link:focus {
  left: 16px;
  top: 16px;
  z-index: 100000;
  background: var(--rkc-black);
  color: var(--rkc-white);
  padding: 8px 16px;
  text-decoration: none;
  border-radius: var(--rkc-radius-sm);
}