/*
Theme Name: AINODIS
Theme URI: https://ainodis.com
Author: AINODIS
Author URI: https://ainodis.com
Description: AI governance, designed not written. Custom theme with RunMyProcess - Fujitsu design system.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ainodis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* RunMyProcess - Fujitsu Brand Colors */
:root {
  --font-size: 16px;

  /* Primary Colors */
  --background: #FFFFFF;
  --foreground: #1C1C1B;
  --primary: #1C1C1B;
  --primary-foreground: #FFFFFF;

  /* Gold - Use sparingly for quality and vibrancy */
  --secondary: #F0C105;
  --secondary-foreground: #1C1C1B;

  /* Blue - Accent */
  --accent: #2F779D;
  --accent-foreground: #FFFFFF;

  /* Muted/Neutral */
  --muted: #F5F3F3;
  --muted-foreground: #6E6E6D; /* WCAG AA compliant - 4.6:1 contrast */

  /* Alert/Destructive - Red */
  --destructive: #CF0B2A;
  --destructive-foreground: #FFFFFF;

  /* Border & Input */
  --border: #CAC9C5;
  --bg-subtle: #F5F3F3;
  --grid-line: rgba(28, 28, 27, 0.08);

  /* Layout */
  --maxw: 1240px;
  --gutter: clamp(16px, 3vw, 40px);
  --radius: 0.25rem;
}

/* Base Styles */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  font-size: var(--font-size);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

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

::selection {
  background: var(--secondary);
  color: var(--background);
}

/* Typography */
h1 {
  font-family: 'Mulish', 'Arial Black', Arial, sans-serif;
  font-weight: 300; /* Light weight for elegant display */
  font-size: clamp(44px, 7.5vw, 104px);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

h2 {
  font-family: 'Mulish', Arial, sans-serif;
  font-weight: 500;
  font-size: clamp(30px, 4.5vw, 52px);
  line-height: 1.04;
  letter-spacing: -0.01em;
}

h3 {
  font-family: 'Mulish', Arial, sans-serif;
  font-weight: 300;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.5;
}

p {
  font-family: 'Montserrat', Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

/* Utility Classes */
.wrap {
  max-width: var(--maxw);
  margin: 0 auto;
  padding: 0 var(--gutter);
}