/*
Theme Name: Alpha IT Center
Theme URI: https://alphaitcenter.com/
Version: 1.0.0
Author: Muhammad Zeeshan
Author URI: https://zeeshanworks.com
Description: This is a custom theme.
Text Domain: alphaitcenter
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: IT Services, Technology, Software Development, Web Design, Digital Solutions
*/

/* file path: style.css */

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

/* ─── Design Tokens ─── */
:root {
  --outline-variant: #c5c6d0;
  --on-primary-fixed: #001848;
  --on-secondary-fixed-variant: #574500;
  --surface-container: #edeeef;
  --on-error-container: #93000a;
  --on-primary-fixed-variant: #324576;
  --surface: #f8f9fa;
  --primary-fixed: #dae2ff;
  --error-container: #ffdad6;
  --on-secondary: #ffffff;
  --tertiary: #010000;
  --surface-container-high: #e7e8e9;
  --surface-bright: #f8f9fa;
  --outline: #757780;
  --background: #f8f9fa;
  --secondary-fixed: #ffe088;
  --tertiary-container: #390c00;
  --tertiary-fixed-dim: #ffb59c;
  --error: #ba1a1a;
  --surface-container-low: #f3f4f5;
  --on-tertiary-fixed-variant: #713621;
  --on-surface-variant: #44464f;
  --on-surface: #191c1d;
  --secondary-fixed-dim: #e9c349;
  --primary: #000000;
  --on-tertiary-fixed: #390c00;
  --surface-variant: #e1e3e4;
  --on-background: #191c1d;
  --surface-container-highest: #e1e3e4;
  --primary-fixed-dim: #b3c5fe;
  --on-primary: #ffffff;
  --tertiary-fixed: #ffdbcf;
  --on-tertiary-container: #ba7158;
  --on-tertiary: #ffffff;
  --secondary-container: #fed65b;
  --primary-container: #001848;
  --inverse-primary: #b3c5fe;
  --secondary: #735c00;
  --on-secondary-fixed: #241a00;
  --inverse-on-surface: #f0f1f2;
  --surface-dim: #d9dadb;
  --surface-tint: #4a5d8f;
  --inverse-surface: #2e3132;
  --surface-container-lowest: #ffffff;
  --on-error: #ffffff;
  --on-secondary-container: #745c00;
  --on-primary-container: #7082b7;

  --font-main: 'Hanken Grotesk', sans-serif;
  --max-width: 1280px;
  --margin-desktop: 64px;
  --margin-mobile: 16px;
  --gutter: 24px;
  --radius: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
    /* Slider-specific tokens */
  --slide-duration: 6000ms;
  --slide-transition: 900ms;
}