/* Theme 2 foundations (1104-T2): cloned from theme-1/foundations.css, then changed:
   type one step up, Jost for display labels and big numbers, 12px radius, softer shadow, 800px reading column.
   Fonts: Jost and Noto Sans TC, Google Fonts, SIL Open Font License (loaded by the page <link>).
   Scoped to Theme 2 (specimens/OCIO use data-direction, the library catalogue uses data-theme). */
:root[data-direction=two], :root[data-theme=two] {
  --edu-space-2xs: 4px;  --edu-space-xs: 8px;  --edu-space-sm: 12px; --edu-space-md: 16px;
  --edu-space-lg: 24px;  --edu-space-xl: 32px; --edu-space-2xl: 48px; --edu-space-3xl: 64px; --edu-space-4xl: 96px;

  --edu-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --edu-font-display: "Jost", var(--edu-font-body);

  --edu-text-xs: 12px;   --edu-leading-xs: 1.6;
  --edu-text-sm: 14px;   --edu-leading-sm: 1.7;
  --edu-text-md: 16px;   --edu-leading-md: 1.9;   /* body: 16 / 1.9, letter-spacing .02em */
  --edu-text-lg: 18px;   --edu-leading-lg: 1.8;
  --edu-text-xl: 22px;   --edu-leading-xl: 1.5;   /* H3 */
  --edu-text-2xl: 28px;  --edu-leading-2xl: 1.4;  /* H2 */
  --edu-text-3xl: 32px;  --edu-leading-3xl: 1.3;  /* bilingual section heading (Jost 400) */
  --edu-text-4xl: 40px;  --edu-leading-4xl: 1.25; /* H1 desktop */
  --edu-text-5xl: 48px;  --edu-leading-5xl: 1.15;
  --edu-tracking-body: .02em;

  --edu-radius-sm: 4px;
  --edu-radius-md: 8px;     /* cards, panels, images, tables (1105-T2k: the --t2-r-m token) */
  --edu-radius-full: 999px; /* pill buttons: primary actions */
  --edu-radius-square: 0;   /* square buttons with the long arrow: More / View all / navigation */

  /* 1105-T2g radius rule (user: "square boxes get a small radius to match the rounded parts"). Kobe shell pages use
     these and no literal radii: chips 4, boxes / panels / buttons / inputs / chart nodes 8, the signature corner stays
     bottom-left (40, or 24 on chart nodes and small cards) with the other three corners at 8. Circles and the big
     quarter-circle curves keep their shape. */
  --t2-r-s: 4px;
  --t2-r-m: 8px;
  --t2-r-sig: var(--t2-r-m) var(--t2-r-m) var(--t2-r-m) 40px;
  --t2-r-sig-s: var(--t2-r-m) var(--t2-r-m) var(--t2-r-m) 24px;
  --t2-r-round: 50%;
  --t2-curve-l: 350px; --t2-curve-m: 200px; --t2-curve-s: 120px;
  --t2-sh-card: 0 4px 14px rgb(11 77 46 / .08);    /* 1105-T2k: one of two shadows: discs, small lifted items */
  --t2-sh-raised: 0 18px 40px rgb(11 77 46 / .12); /* panels over content: header, menus, rail, notice, contact panel */

  --edu-shadow-sm: 0 1px 2px rgb(0 0 0 / .04);
  --edu-shadow-md: 0 12px 24px rgb(0 0 0 / .05); /* floating header, lifted cards */
  --edu-shadow-lg: 0 16px 40px rgb(0 0 0 / .08);

  --edu-content-max: 1200px;
  --edu-reading-max: 800px;
  --edu-gutter: 32px;
}
@media (max-width: 900px) { :root[data-direction=two], :root[data-theme=two] { --edu-gutter: 24px; } }
@media (max-width: 600px) { :root[data-direction=two], :root[data-theme=two] { --edu-gutter: 16px; --edu-text-4xl: 30px; } }
/* 1105-T2i arrows: Theme 2 keeps three kinds (straight right arrow, external-link box, chevrons): the square button's long
   arrow is the straight one. Loaded on every Theme 2 page (specimens, OCIO and the library catalogue). */
:root:is([data-direction=two],[data-theme=two]) :is(.btn--square,.fdn-btn--square)::after{width:16px;height:16px;-webkit-mask-image:url("/theme-library/assets/icons/arrow-right.svg");mask-image:url("/theme-library/assets/icons/arrow-right.svg")}