/*
Theme Name: Racks Academy
Theme URI: https://racksacademy.com
Description: Dark Swiss Editorial theme for Racks Academy blog. Minimal, sharp, orange accent.
Version: 1.0.0
Author: Racks Academy
Author URI: https://racksacademy.com
Text Domain: racks-academy
*/

/* Base Reset & Design Tokens */
:root {
  --deep-black: #121212;
  --carbon: #181818;
  --dark-black: #050505;
  --border-grey: #333333;
  --mid-gray: #686868;
  --text-grey: #9CA3AF;
  --grid-line: #262626;
  --light-gray: #ECECEC;
  --paper-white: #F7F7F7;
  --academy-orange: #F5911A;
  --academy-orange-dark: #D87C00;
}

::selection {
  background: var(--academy-orange);
  color: var(--deep-black);
}

body {
  background-color: var(--deep-black);
  color: var(--light-gray);
  font-family: 'Inter', sans-serif;
  margin: 0;
  overflow-x: hidden;
}

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

a {
  color: inherit;
  text-decoration: none;
}

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

/* Material Symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
  font-size: 20px;
}

/* Dot Grid Background */
.dot-grid {
  background-image: radial-gradient(var(--border-grey) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* Watermark R */
.watermark-r {
  position: fixed;
  font-weight: 900;
  color: #151515;
  pointer-events: none;
  z-index: 0;
  font-size: 80vh;
  line-height: 1;
  right: -10vh;
  bottom: -10vh;
  user-select: none;
  font-family: 'Inter', sans-serif;
}

/* WordPress Core Alignments */
.alignwide {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.alignfull {
  width: 100%;
  max-width: 100%;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  float: left;
  margin-right: 1.5rem;
}

.alignright {
  float: right;
  margin-left: 1.5rem;
}

/* Screen reader text */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}