/********************************************************************

    THE ONA FOUNDATION FONTS

    Carried over from the classic-ASP site's own 03.SiteFonts.css. Two
    things in that file never resolved, and are corrected here rather
    than reproduced:

      * Handwriting pointed at SEGOSCR.TTF and SEGOSCRB.TTF. The files
        in Design/Fonts are SEGOESC.TTF and SEGOESCB.TTF, so the face
        never loaded and every .Handwriting element fell back to Comic
        Sans. The real filenames are used below.

      * --fnt_Content_Text was the bare family name "Content" with no
        @font-face behind it, so all body copy fell through to the
        browser's default serif -- Times New Roman on Windows. That
        fallback is what the site looks like today, so it is spelled out
        as a real stack instead of relying on an undefined family.
        (Design/Fonts also holds the four Arsenal faces, unreferenced by
        anything. Declaring Content as Arsenal would change the look of
        every page, so it is left alone.)

    Icon is declared as the original did, pointing at IcoMoon-Free.ttf.
    That file is present on none of the three sites, so the pagebar and
    sound-player glyphs already fall back to whatever "icomoon" the
    reader has installed, if any. Left as found; supplying the file
    would be a change, not a port.

*********************************************************************/


/********************************************************************
    FONT-FACE DECLARATIONS
*********************************************************************/

/* Icon Font -- used by the pagebars and sound players */
@font-face {
	font-family: Icon;
	font-weight: bold;
	font-style: italic;
	src: url('/Design/Fonts/IcoMoon-Free.ttf');
}

/* AI: ONA's heading face: the script the page titles and article headings
   are set in. */
@font-face {
	font-family: Headings;
	font-weight: normal;
	font-style: normal;
	src: url('/Design/Fonts/AlexBrush-Regular.ttf');
}

@font-face {
	font-family: AlexBrush;
	src: url('/Design/Fonts/AlexBrush-Regular.ttf');
}

/* Available to content that asks for it. */
@font-face {
	font-family: Aquiline;
	src: url('/Design/Fonts/AquilineTwo.ttf');
}

@font-face {
	font-family: Handwriting;
	src: url('/Design/Fonts/SEGOESC.TTF');
}

@font-face {
	font-family: Handwriting;
	font-weight: bold;
	src: url('/Design/Fonts/SEGOESCB.TTF');
}

@font-face {
	font-family: Print;
	src: url('/Design/Fonts/SEGOEPR.TTF');
}

@font-face {
	font-family: Print;
	font-weight: bold;
	src: url('/Design/Fonts/SEGOEPRB.TTF');
}

/********************************************************************
    FONT VARIABLES
*********************************************************************/

:root {
	/* AI: What ONA's body copy actually renders as today. */
	--fnt_ONA_Serif: 'Times New Roman', Times, Georgia, serif;
	--fnt_ONA_Script: Headings, AlexBrush, 'Lucida Handwriting', cursive;
	--fnt_ONA_Sans: Tahoma, Arial, Helvetica, sans-serif;
	/************************************************************
        BODY
    ************************************************************/
	--fnt_Body_Heading: var(--fnt_ONA_Sans);
	--fnt_Body_Text: var(--fnt_ONA_Serif);
	--fnt_Body_Link: var(--fnt_ONA_Serif);
	--fnt_Body_Accent: var(--fnt_ONA_Serif);
	/************************************************************
        HEADER
        The site title and section title are hidden -- Logo.png is
        the branding -- so only the page title's face shows, and it
        is the script.
    ************************************************************/
	--fnt_Header_SiteTitle: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	--fnt_Header_SiteTitle2: var(--fnt_Header_SiteTitle);
	--fnt_Header_SectionTitle: var(--fnt_ONA_Script);
	--fnt_Header_PageTitle: var(--fnt_ONA_Script);
	--fnt_Header_Heading: var(--fnt_Header_PageTitle);
	--fnt_Header_Text: 'Segoe UI', Arial, sans-serif;
	--fnt_Header_Link: var(--fnt_Header_Text);
	--fnt_Header_Accent: var(--fnt_Header_Text);
	/************************************************************
        SIDEBAR
    ************************************************************/
	--fnt_Sidebar_Heading: 'Times New Roman', serif;
	--fnt_Sidebar_Text: var(--fnt_ONA_Sans);
	--fnt_Sidebar_Link: var(--fnt_Sidebar_Text);
	--fnt_Sidebar_Accent: var(--fnt_Sidebar_Text);
	/************************************************************
        NAVIGATION
    ************************************************************/
	--fnt_Nav_Link: var(--fnt_ONA_Sans);
	/************************************************************
        CONTENT
    ************************************************************/
	--fnt_Content_Heading: var(--fnt_ONA_Script);
	--fnt_Content_Text: var(--fnt_ONA_Serif);
	--fnt_Content_Link: var(--fnt_Content_Text);
	--fnt_Content_Accent: var(--fnt_Content_Text);
	/************************************************************
        PANELS
    ************************************************************/
	--fnt_Panel_Heading: var(--fnt_ONA_Script);
	--fnt_Panel_Text: var(--fnt_ONA_Sans);
	--fnt_Panel_Link: var(--fnt_Panel_Text);
	--fnt_Panel_Accent: var(--fnt_Panel_Text);
	/************************************************************
        SPECIALTY FONTS
    ************************************************************/
	--fnt_Handwriting: Handwriting, 'Comic Sans', cursive;
	--fnt_Script: var(--fnt_ONA_Script);
	--fnt_Icon: Icon, 'icomoon';
	--fnt_Code: "Lucida Console", Terminal, monospace;
	/* AI: The face the "ONA" pronunciation spans are set in. */
	--fnt_Sound: var(--fnt_ONA_Sans);
	--fnt_Quote: 'Times New Roman', Georgia, serif;
}

/********************************************************************
    BASE FONT APPLICATION
*********************************************************************/

body {
	font-family: var(--fnt_Body_Text);
}

h1 { font-family: var(--fnt_Header_SiteTitle) }
h2, h3 { font-family: var(--fnt_Header_PageTitle) }

h4, h5, h6 {
	font-family: var(--fnt_Body_Heading);
}

main { font-family: var(--fnt_Content_Text); }