/* Global Styles - app.css (Updated without toolbar styles) */

/* Universal CSS Variables */
:root {
    --primary-orange: #f15b25;
    --primary-dark: #231f20;
    --secondary-dark: #424143;
    --background-light: #F4ECDF;
    --white: #ffffff;
}

/* Raleway Font Family */
@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Raleway';
  src: url('./fonts/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

/* Reset and base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway', sans-serif;
    background-color: var(--background-light);
    color: var(--primary-dark);
}

p {
    margin-bottom: 0.5rem;
        font-family: 'Raleway', sans-serif;
        font-size: 2.19rem;
        font-weight: 400;

}
h2,h3,h4 {
        font-family: 'Raleway', sans-serif;

}

/* Timeline specific styling with Raleway */
.timeline-container {
  font-family: 'Raleway', sans-serif;
}

.timeline-year {
  font-family: 'Raleway', sans-serif;
  font-weight: 700; /* Bold */
}

.timeline-description {
  font-family: 'Raleway', sans-serif;
  font-weight: 400; /* Regular */
}

.timeline-title {
  font-family: 'Raleway', sans-serif;
  font-weight: 600; /* SemiBold */
}

/* Timeline specific utility classes */
.font-raleway {
  font-family: 'Raleway', sans-serif;
}

/* Raleway font weight utilities */
.raleway-thin { font-family: 'Raleway', sans-serif; font-weight: 100; }
.raleway-extralight { font-family: 'Raleway', sans-serif; font-weight: 200; }
.raleway-light { font-family: 'Raleway', sans-serif; font-weight: 300; }
.raleway-regular { font-family: 'Raleway', sans-serif; font-weight: 400; }
.raleway-medium { font-family: 'Raleway', sans-serif; font-weight: 500; }
.raleway-semibold { font-family: 'Raleway', sans-serif; font-weight: 600; }
.raleway-bold { font-family: 'Raleway', sans-serif; font-weight: 700; }
.raleway-extrabold { font-family: 'Raleway', sans-serif; font-weight: 800; }
.raleway-black { font-family: 'Raleway', sans-serif; font-weight: 900; }