/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Import Akshar font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&display=swap');

/* Import custom IndustriaLTStd-Solid font */
@font-face {
  font-family: 'IndustriaLTStd-Solid';
  src: url("/fonts/IndustriaLTStd-Solid.otf") format('opentype'),
       url("/fonts/IndustriaLTStd-Solid.otf") format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  /* Ensure consistent sizing with fallback fonts */
  font-size-adjust: 0.5;
}

/* CSS Custom Properties for Roma Cube color scheme */
:root {
  --roma-primary: #403B55;
  --roma-light: #5A5468;
  --roma-lighter: #6B6B7A;
  
  /* Override Tailwind font size variables to increase global font size */
  --text-xs: 0.9rem;        /* 18px (was 12px) */
  --text-sm: 1rem;          /* 20px (was 14px) */
  --text-base: 1.125rem;    /* 22.5px (was 16px) */
  --text-lg: 1.25rem;       /* 25px (was 18px) */
  --text-xl: 1.5rem;        /* 30px (was 20px) */
  --text-2xl: 1.875rem;     /* 37.5px (was 24px) */
  --text-3xl: 2.25rem;      /* 45px (was 30px) */
  --text-4xl: 3rem;         /* 60px (was 36px) */
  --text-5xl: 3.75rem;      /* 75px (was 48px) */
  --text-6xl: 4.5rem;       /* 90px (was 60px) */
  --text-7xl: 6rem;         /* 120px (was 72px) */
  --text-8xl: 8rem;         /* 160px (was 96px) */
  --text-9xl: 9rem;         /* 180px (was 128px) */
}

/* Apply IndustriaLTStd-Solid font and default text color to all elements */
* {
    font-family: 'IndustriaLTStd-Solid', 'Akshar', sans-serif !important;
    color: var(--roma-primary);
}

/* Global font size increase - increase base font size by ~5 points */
html {
    font-size: 20px; /* Increased from default 16px to compensate for IndustriaLTStd-Solid's smaller x-height */
}

/* Ensure consistent font sizing across all font families */
body {
    font-size-adjust: 0.5;
}

body {
    background-image: url("/images/website_background_official.png") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    min-height: 100vh !important;
    font-family: 'IndustriaLTStd-Solid', 'Akshar', sans-serif !important;
    color: var(--roma-primary) !important;
}

/* Override grey text colors to use our custom colors */
.text-gray-600 {
    color: var(--roma-light) !important;
}

.text-gray-500 {
    color: var(--roma-lighter) !important;
}

.text-gray-400 {
    color: var(--roma-lighter) !important;
}

/* Keep headings and important text in the primary color */
.text-gray-900 {
    color: var(--roma-primary) !important;
}

.text-gray-800 {
    color: var(--roma-primary) !important;
}

.text-gray-700 {
    color: var(--roma-primary) !important;
}

/* Update text-roma-primary to use the custom font */
.text-roma-primary {
    font-family: 'IndustriaLTStd-Solid', 'Akshar', sans-serif !important;
    color: var(--roma-primary);
}

/* Update text-roma-light to use the custom font */
.text-roma-light {
    font-family: 'IndustriaLTStd-Solid', 'Akshar', sans-serif !important;
    color: var(--roma-light);
}

/* Update text-roma-lighter to use the custom font */
.text-roma-lighter {
    font-family: 'IndustriaLTStd-Solid', 'Akshar', sans-serif !important;
    color: var(--roma-lighter);
}

/* Custom logo font class */
.text-roma-logo {
    font-family: 'IndustriaLTStd-Solid', 'ui-sans-serif', 'system-ui', 'sans-serif';
    color: #403B55;
}