/* Bryan College — built from _src/css. Do not edit in place. */
/* Bryan College — Symphony DS tokens
   Source: Figma [ALR] Bryan Grad SJ/PS Landing Pages working files
   Generated for the Bryan landing-page export. Do not hand-edit values;
   re-derive from get_variable_defs when the DS changes. */
:root {
  /* ---- color ---- */
  --color-background-canvas: #ffffff;
  --color-background-surface: #990000;
  --color-background-inverse: #660000;
  --color-background-light: #f0f1f3;
  --color-background-subtle-lighter: #faf9f7;
  --color-background-subtle-light: #e4ddd7;
  --color-background-subtle-warm: #cfc6b4;
  --color-background-tan-hsla: rgba(210, 200, 178, 0.9);

  --color-text-primary: #000000;
  --color-text-secondary: #990000;
  --color-text-inverse: #ffffff;
  --color-text-muted: #826f45;
  --color-text-gold: #fdba00;
  --color-text-quote: #666666;

  --color-link-default: #990000;
  --color-link-nav-default: #333333;
  --color-link-footer: #fcdb7e;

  --color-border-default: #333333;
  --color-border-strong: #990000;
  --color-border-accent: #fdba00;
  --color-border-inverse: #dddfe3;
  --color-border-white: #ffffff;
  --color-border-tan: #cfc6b4;

  --color-icon-default: #990000;
  --color-icon-inverse: #ffffff;
  --color-icon-dark-gold: #826f45;

  --card-color-bg: #ffffff;
  --card-color-border: #b3b3b3;

  --button-color-bg-primary: #990000;
  --button-color-bg-inverse: #ffffff;
  --button-color-text-dark: #990000;
  --button-color-text-light: #ffffff;

  --input-color-bg: #f0f1f3;
  --input-color-border: #9a9a9a;
  --input-color-placeholder: #666666;

  /* ---- type ---- */
  --text-font-family-headings-font: "Montserrat", system-ui, sans-serif;
  --text-font-family-body-font: "Montserrat", system-ui, sans-serif;
  --text-font-family-serif-font: "adobe-garamond-pro", "Adobe Garamond Pro", Georgia, serif;

  --text-weight-normal: 400;
  --text-weight-bold: 600;
  --text-weight-extra-bold: 700;

  --text-size-heading-4xl: 72px;
  --text-size-heading-xl: 40px;
  --text-size-heading-lg: 32px;
  --text-size-heading-md: 24px;
  --text-size-heading-sm: 18px;

  --text-size-paragraph-lg: 20px;
  --text-size-paragraph-md: 18px;
  --text-size-paragraph-sm: 16px;
  --text-size-paragraph-xs: 14px;
  --text-size-label-sm: 16px;
  --text-paragraph-spacing-md: 18px;

  --text-width-max-width-large-text: 800px;
  --text-width-max-width-small-text: 700px;

  /* ---- layout ---- */
  --wrapper-width-lg: 1440px;
  --wrapper-width-md: 1200px;
  --wrapper-width-xs: 800px;

  --wrapper-padding-4xl: 120px;
  --wrapper-padding-3xl: 80px;
  --wrapper-padding-xl: 48px;
  --wrapper-padding-lg: 36px;
  --wrapper-padding-md: 24px;
  --wrapper-padding-sm: 20px;

  --container-padding-5xl: 56px;
  --container-padding-4xl: 48px;
  --container-padding-2xl: 36px;
  --container-padding-xl: 30px;
  --container-padding-lg: 28px;
  --container-padding-md: 24px;
  --container-padding-sm: 20px;
  --container-padding-xs: 18px;
  --container-padding-2xs: 16px;
  --container-padding-3xs: 12px;
  --container-padding-4xs: 8px;

  --container-gap-2xl: 40px;
  --container-gap-xl: 30px;
  --container-gap-lg: 28px;
  --container-gap-md: 24px;
  --container-gap-sm: 20px;
  --container-gap-xs: 16px;
  --container-gap-2xs: 12px;
  --container-gap-3xs: 8px;
  --container-gap-4xs: 6px;
  --container-gap-5xs: 4px;

  --container-size-xl: 800px;
  --container-size-lg: 600px;
  --container-size-md: 400px;
  --container-size-sm: 320px;
  --container-size-xs: 240px;
  --container-size-2xs: 180px;

  --container-rounded-corner-2xs: 8px;
  --container-rounded-corner-3xs: 4px;

  --button-padding-2xl: 28px;
  --button-padding-lg: 20px;
  --button-padding-md: 18px;
  --button-padding-xs: 12px;
  --button-padding-2xs: 8px;
  --button-radius-lg: 25px;

  --icon-size-2xl: 40px;
  --icon-size-lg: 24px;
  --icon-size-md: 20px;
  --icon-size-sm: 16px;
  --icon-size-xs: 14px;

  --logo-size-large: 240px;

  --stroke-width-default: 1px;
  --stroke-width-border: 2px;
  --stroke-width-divider: 4px;
  --stroke-width-nav-underline: 4px;
  --stroke-width-quote: 20px;

  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M8.5 0h3v8.5H20v3h-8.5V20h-3v-8.5H0v-3h8.5z'/%3E%3C/svg%3E");
  /* Icon_Directional (the CTA_Button chevrons), for buttons whose markup we do not own */
  --icon-directional: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 17'%3E%3Cpath d='M11.0138%209.40284L3.50753%2016.6256C2.98871%2017.1248%202.14977%2017.1248%201.63648%2016.6256L0.389112%2015.4253C-0.129704%2014.9261%20-0.129704%2014.1189%200.389112%2013.625L5.70973%208.50531L0.389112%203.38566C-0.129704%202.88644%20-0.129704%202.07919%200.389112%201.58529L1.63096%200.374414C2.14977%20-0.124805%202.98871%20-0.124805%203.50201%200.374414L11.0083%207.59716C11.5326%208.09638%2011.5326%208.90362%2011.0138%209.40284ZM21.6109%207.59716L14.1046%200.374414C13.5858%20-0.124805%2012.7469%20-0.124805%2012.2336%200.374414L10.9862%201.57466C10.4674%202.07388%2010.4674%202.88113%2010.9862%203.37504L16.3068%208.49469L10.9862%2013.6143C10.4674%2014.1136%2010.4674%2014.9208%2010.9862%2015.4147L12.2336%2016.615C12.7524%2017.1142%2013.5913%2017.1142%2014.1046%2016.615L21.6109%209.39222C22.1297%208.90362%2022.1297%208.09638%2021.6109%207.59716Z'/%3E%3C/svg%3E");
  --icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 8.5h20v3H0z'/%3E%3C/svg%3E");

  --shadow-drop: 0 4px 10px rgba(0, 0, 0, 0.25);
  --shadow-container: 0 0 10px rgba(0, 0, 0, 0.25);
}

/* Vertical rhythm compresses with viewport (DS wrapper padding scale). */
@media (max-width: 1024px) {
  :root {
    --wrapper-padding-4xl: 88px;
    --wrapper-padding-3xl: 64px;
    --wrapper-padding-xl: 40px;
  }
}
@media (max-width: 600px) {
  :root {
    --wrapper-padding-4xl: 56px;
    --wrapper-padding-3xl: 48px;
    --wrapper-padding-xl: 32px;
    --text-size-heading-4xl: 56px;
  }
}