/* css/theme.css */

:root {
  --atlante-color-dark: #1b1818;
  --atlante-color-white: #ffffff;
  --atlante-color-orange: #ff6600;
  --atlante-color-grey: #9f9493;
  --atlante-color-grey-dark: #6c6160;

  --atlante-color-text-primary: var(--atlante-color-dark);
  --atlante-color-text-secondary: var(--atlante-color-grey-dark);
  --atlante-color-text-muted: var(--atlante-color-grey-dark);
  --atlante-color-heading: var(--atlante-color-dark);
  --atlante-color-link: var(--atlante-color-grey-dark);
  --atlante-color-link-hover: var(--atlante-color-orange);

  --atlante-color-page-bg: var(--atlante-color-white);
  --atlante-color-surface-primary: var(--atlante-color-white);
  --atlante-color-surface-alt: rgba(159, 148, 147, 0.10);
  --atlante-color-surface-soft: rgba(159, 148, 147, 0.08);
  --atlante-color-card-bg: rgba(255, 255, 255, 0.96);

  --atlante-color-border: rgba(108, 97, 96, 0.22);
  --atlante-color-border-strong: rgba(108, 97, 96, 0.34);

  --atlante-color-shadow-soft: rgba(27, 24, 24, 0.08);
  --atlante-color-shadow-medium: rgba(27, 24, 24, 0.14);
  --atlante-color-shadow-strong: rgba(27, 24, 24, 0.18);

  --atlante-color-button-primary-bg: var(--atlante-color-orange);
  --atlante-color-button-primary-bg-hover: #ff6600d0;
  --atlante-color-button-primary-text: var(--atlante-color-dark);
  --atlante-color-button-primary-border: var(--atlante-color-orange);

  --atlante-color-button-outline-text: var(--atlante-color-text-primary);
  --atlante-color-button-outline-border: var(--atlante-color-orange);
  --atlante-color-button-outline-hover-bg: var(--atlante-color-orange);
  --atlante-color-button-outline-hover-text: var(--atlante-color-dark);

  --atlante-color-button-secondary-text: var(--atlante-color-grey-dark);
  --atlante-color-button-secondary-border: var(--atlante-color-border-strong);
  --atlante-color-button-secondary-hover-bg: rgba(159, 148, 147, 0.12);

  --atlante-color-navbar-bg: rgba(255, 255, 255, 0.96);
  --atlante-color-footer-bg: var(--atlante-color-dark);
  --atlante-color-footer-text: rgba(255, 255, 255, 0.94);
  --atlante-color-footer-border: rgba(255, 255, 255, 0.20);

  --atlante-color-placeholder-text: var(--atlante-color-grey-dark);
  --atlante-color-placeholder-bg: var(--atlante-color-surface-soft);
  --atlante-color-hero-shadow: rgba(159, 148, 147, 0.18);

  --atlante-color-error-border: rgba(255, 102, 0, 0.36);
  --atlante-color-error-bg: rgba(255, 102, 0, 0.10);
  --atlante-color-error-text: var(--atlante-color-dark);

  --atlante-color-media-surface: var(--atlante-color-surface-soft);
  --atlante-color-media-border: var(--atlante-color-border);
  --atlante-color-media-bg: rgba(108, 97, 96, 0.24);

  --atlante-radius-card: 18px;
  --atlante-radius-md: 16px;
  --atlante-radius-sm: 12px;
}