/*
Theme Name: Opusable
Theme URI: https://opusable.com/
Author: Sadegh
Author URI: https://opusable.com/
Description: A custom WordPress theme for the Opusable website with services, portfolio, and Gutenberg-friendly blocks.
Version: 1.0.0
Text Domain: opusable
*/

:root {
  --color-main-bg: 15 23 42;
  --color-main-surface: 17 24 39;
  --color-main-primary: 30 58 95;
  --color-main-accent: 45 212 191;
  --color-main-text: 229 231 235;
  --color-main-muted: 154 165 177;
  --color-main-border: 31 41 55;
  font-size: 16px;
}

html {
  scroll-behavior: smooth;
  font-family: "Inter", sans-serif;
  color: rgb(var(--color-main-text));
  background-color: rgb(var(--color-main-bg));
}

body,
*,
::after,
::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  line-height: 1.5;
  text-decoration: none;
  list-style: none;
  font-size: 1rem;
  font-weight: normal;
  font-family:
    ui-sans-serif,
    system-ui,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol,
    Noto Color Emoji;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 1rem;
}

@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {
  .container {
    max-width: 1280px;
  }
}