@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

:root {
    --font: 'Inter';
}

/* Make all nav links full width for large screens */
nav.max.l:is(.left, .right, .top, .bottom)>a:not(.button, .chip) {
    width: 100%;
    justify-content: left;
}

nav.max.l>hr {
    margin: 1rem 0;
}

aside {
    min-width: 15rem;
    width: 30%;
    padding-left: 0.5rem;
    margin-left: 0.5rem;
    float: right;
    /* box-shadow: inset 5px 0 5px -5px #29627e; */
    /* font-style: italic; */
    /* color: #29627e; */
}

:root,
body.light {
  --primary:                  #AD4245;   /* Barn Red */
  --on-primary:               #ffffff;
  --primary-container:        #ffdad9;
  --on-primary-container:     #400009;
  --secondary:                #2D8838;   /* Field Green */
  --on-secondary:             #ffffff;
  --secondary-container:      #b3f0b8;
  --on-secondary-container:   #002109;
  --tertiary:                 #01309C;   /* Navy Blue */
  --on-tertiary:              #ffffff;
  --tertiary-container:       #d8e2ff;
  --on-tertiary-container:    #001258;
  --error:                    #ba1a1a;
  --on-error:                 #ffffff;
  --error-container:          #ffdad6;
  --on-error-container:       #410002;
  --background:               #fff8f7;
  --on-background:            #231818;
  --surface:                  #fff8f7;
  --on-surface:               #231818;
  --surface-variant:          #f4dddd;
  --on-surface-variant:       #534342;
  --outline:                  #857372;
  --outline-variant:          #d8c2c1;
  --shadow:                   #000000;
  --scrim:                    #000000;
  --inverse-surface:          #392e2e;
  --inverse-on-surface:       #ffdad9;
  --inverse-primary:          #ffb3b2;
  --surface-tint:             #AD4245;
}

body.dark {
  --primary:                  #ffb3b2;   /* Soft rose (barn red inverted) */
  --on-primary:               #68000e;
  --primary-container:        #8e2024;
  --on-primary-container:     #ffdad9;
  --secondary:                #88d98f;   /* Light sage green */
  --on-secondary:             #003912;
  --secondary-container:      #155221;
  --on-secondary-container:   #b3f0b8;
  --tertiary:                 #adc6ff;   /* Periwinkle blue */
  --on-tertiary:              #002171;
  --tertiary-container:       #00308f;
  --on-tertiary-container:    #d8e2ff;
  --error:                    #ffb4ab;
  --on-error:                 #690005;
  --error-container:          #93000a;
  --on-error-container:       #ffdad6;
  --background:               #191111;
  --on-background:            #f0dede;
  --surface:                  #191111;
  --on-surface:               #f0dede;
  --surface-variant:          #534342;
  --on-surface-variant:       #d8c2c1;
  --outline:                  #a08c8b;
  --outline-variant:          #534342;
  --shadow:                   #000000;
  --scrim:                    #000000;
  --inverse-surface:          #f0dede;
  --inverse-on-surface:       #392e2e;
  --inverse-primary:          #AD4245;
  --surface-tint:             #ffb3b2;
}