/* FLORESVILLE ISD EDUCATION FOUNDATION palette — brand maroon from fisd.us (#651D32),
   on a clean white/cream education page. Semantic FISD slugs below; the inherited
   SPF/NEUE/TDP slug names are kept as ALIASES (remapped to FISD roles) so any hardcoded
   var() refs in fragments/buttons still resolve. This is NOT a tilted-chair brand. */
/******/
/*** VARIABLES ***/
/******/

:root, :host {
	/* --- FISD Education Foundation brand palette --- */
	--color-maroon: #651D32;            /* primary brand: dark sections, headings, primary buttons */
	--color-maroon-deep: #4F021F;       /* deep maroon: hovers, accents on maroon */
	--color-gold: #C8A24B;              /* warm gold accent: eyebrows, rules, highlights */
	--color-ink: #231E1C;               /* body text on light */
	--color-white: #FFFFFF;             /* page background */
	--color-cream: #FAF7F6;             /* subtle warm light-section background */
	--color-gray-light: #F2F2F3;        /* alternate light-section background */
	--color-gray: #6B6B6B;              /* muted/meta text */
	/* --- inherited slugs remapped to FISD roles (keep fragments/buttons working) --- */
	--color-rich-black: #231E1C;        /* primary ink, line art */
	--color-warm-white: #FFFFFF;        /* page bg, text on dark */
	--color-sunset-pink: #C8A24B;       /* → gold accent */
	--color-lavender: #651D32;          /* CTA buttons, form bg → maroon */
	--color-raspberry: #4F021F;         /* → deep maroon */
	--color-strawberry-red: #651D32;    /* → maroon */
	--color-lemon-yellow: #C8A24B;      /* → gold */
	--color-peachy-peach: #FAF7F6;      /* → cream */
	--color-buzzy-blue: #F2F2F3;        /* → light gray */
	--color-garnish-green: #651D32;     /* → maroon */
	--color-sandy-tan: #C8A24B;         /* → gold */
	--color-near-black: #231E1C;        /* ink */
	/* --- legacy SPF/NEUE slug aliases → FISD roles --- */
	--color-good-work-green: #651D32;   /* dark bg → maroon */
	--color-barnwood-brown: #231E1C;    /* ink on light */
	--color-compassion-cream: #FFFFFF;  /* light → white */
	--color-breezy-blue: #F2F2F3;       /* → light gray */
	--color-pickled-patch: #651D32;     /* → maroon */
	--color-lemon-lime: #C8A24B;        /* eyebrow on dark → gold */
	--color-reddish-radish: #4F021F;    /* → deep maroon */
	--color-simple-sky-blue: #C8A24B;   /* links on dark → gold */
	--color-golden-grain: #C8A24B;      /* → gold */
	--color-petal-pink: #C8A24B;        /* eyebrow on dark → gold */
	--color-offwhite: #FAF7F6;          /* off-white → cream */
	--color-navy-deep: #4F021F;         /* → deep maroon */
	--color-deep-brown: #231E1C;        /* → ink */
    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
	--gap-0: 0;
	--gap-4: .25rem;
	--gap-8: .5rem;
	--gap-12: .75rem;
	--gap-16: 1rem;
	--gap-24: 1.5rem;
	--gap-32: 2rem;
	--gap-48: 3rem;
	--gap-56: 3.5rem;
	--gap-64: 4rem;
	--gap-72: 4.5rem;
	--gap-80: 5rem;
    --tracking-tighter: -.05em;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1;
	--leading-snug: 1.25;
    --leading-base: 1.375;
    --leading-normal: 1.5625;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
	--radius-8: .5rem;
	--radius-10: .625rem;
    --radius-12: .75rem;
	--radius-16: 1rem;
	--radius-20: 1.25rem;
    --radius-24: 1.5rem;
    --shadow-2xs: 0 0.0625rem #0000000d;
    --shadow-xs: 0 0.0625rem 0.125rem 0 #0000000d;
    --shadow-sm: 0 0.0625rem 0.1875rem 0 #0000001a, 0 0.0625rem 0.125rem -0.0625rem #0000001a;
    --shadow-md: 0 0.25rem 0.375rem -0.0625rem #0000001a, 0 0.125rem 0.25rem -0.125rem #0000001a;
    --shadow-lg: 0 0.625rem 0.9375rem -0.1875rem #0000001a, 0 0.25rem 0.375rem -0.25rem #0000001a;
    --shadow-xl: 0 1.25rem 1.5625rem -0.3125rem #0000001a, 0 0.5rem 0.625rem -0.375rem #0000001a;
    --shadow-2xl: 0 1.5625rem 3.125rem -0.75rem #00000040;
	--spacing: .25rem;
    --text-max-h4: 1.5rem;     /* FISD type scale (restrained, professional): H4 24 */
    --text-max-h3: 1.875rem;   /* H3 30 */
    --text-max-h2: 2.5rem;     /* H2 40 (section headings) */
    --text-max-h1: 3.5rem;     /* H1 56 (hero) */
    --text-p-xs: .75rem;
    --text-p-sm: .875rem;
    --text-p: 1rem;            /* Inter body 16 */
    --text-h6: 1.125rem;
    --text-h5: 1.375rem;
    --text-h4: 1.5rem;
    --text-h3: 1.875rem;
    --text-h2: 2.5rem;
    --text-h1: 3.5rem;
    --text-min-h4: 1.25rem;    /* mobile: H4 20 */
    --text-min-h3: 1.5rem;     /* H3 24 */
    --text-min-h2: 1.875rem;   /* H2 30 */
    --text-min-h1: 2.25rem;    /* H1 36 */
    --inset-shadow-2xs: inset 0 0.0625rem #0000000d;
    --inset-shadow-xs: inset 0 0.0625rem 0.0625rem #0000000d;
    --inset-shadow-sm: inset 0 0.125rem 0.25rem #0000000d;
    --drop-shadow-xs: 0 0.0625rem 0.0625rem #0000000d;
    --drop-shadow-sm: 0 0.0625rem 0.125rem #00000026;
    --drop-shadow-md: 0 0.1875rem 0.1875rem #0000001f;
    --drop-shadow-lg: 0 0.25rem 0.25rem #00000026;
    --drop-shadow-xl: 0 0.5625rem 0.4375rem #0000001a;
    --drop-shadow-2xl: 0 1.5625rem 1.5625rem #00000026;
    --text-shadow-2xs: 0rem 0.0625rem 0rem #00000026;
    --text-shadow-xs: 0rem 0.0625rem 0.0625rem #0003;
    --text-shadow-sm: 0rem 0.0625rem 0rem #00000013, 0rem 0.0625rem 0.0625rem #00000013, 0rem 0.125rem 0.125rem #00000013;
    --text-shadow-md: 0rem 0.0625rem 0.0625rem #0000001a, 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.125rem 0.25rem #0000001a;
    --text-shadow-lg: 0rem 0.0625rem 0.125rem #0000001a, 0rem 0.1875rem 0.125rem #0000001a, 0rem 0.25rem 0.5rem #0000001a;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xs: 0.25rem;
    --blur-sm: 0.5rem;
    --blur-md: 0.75rem;
    --blur-lg: 1rem;
    --blur-xl: 1.5rem;
    --blur-2xl: 2.5rem;
    --blur-3xl: 4rem;
    --perspective-dramatic: 6.25rem;
    --perspective-near: 18.75rem;
    --perspective-normal: 31.25rem;
    --perspective-midrange: 50rem;
    --perspective-distant: 75rem;
    --aspect-video: 16/9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}