/* Iron Identity design system: tokens, fonts and component states, from the design system export of 22 October 2026. Page layout is in site.css. */
/* Merriweather italic latin-ext */
@font-face{font-family:'Merriweather';font-style:italic;font-weight:400 700;font-display:swap;src:url('fonts/Merriweather-Italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Merriweather italic latin */
@font-face{font-family:'Merriweather';font-style:italic;font-weight:400 700;font-display:swap;src:url('fonts/Merriweather-Italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Merriweather normal latin-ext */
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Merriweather-Roman-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Merriweather normal latin */
@font-face{font-family:'Merriweather';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/Merriweather-Roman-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Public Sans italic latin-ext */
@font-face{font-family:'Public Sans';font-style:italic;font-weight:400 700;font-display:swap;src:url('fonts/PublicSans-Italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Public Sans italic latin */
@font-face{font-family:'Public Sans';font-style:italic;font-weight:400 700;font-display:swap;src:url('fonts/PublicSans-Italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Public Sans normal latin-ext */
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/PublicSans-Roman-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
/* Public Sans normal latin */
@font-face{font-family:'Public Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/PublicSans-Roman-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Iron Identity color tokens. Flat fills only: no gradients, glows, shadows or transparency. */
:root{
/* Base palette */
--iron-oxide:#6A3420;
--rust:#A24E2C;
--rust-hover:#8A4125;
--white:#FFFFFF;
--warm-gray:#F2F0EB;
--cast-iron:#2B1A14;
--iron-gray:#5E4A40;
--rule:#D9D3CB;
--input-border:#8C7A70;
--footer-divider:#8A5440;
/* Status (app only) */
--patina:#3E6B45;
--ochre:#8A5A12;
--oxblood:#9E2B32;
--slate:#36597A;

/* Semantic aliases */
--surface-page:var(--white);
--surface-band:var(--warm-gray);
--surface-card:var(--white);
--surface-card-alt:var(--warm-gray);
--surface-structure:var(--iron-oxide);
--text-body:var(--cast-iron);
--text-heading:var(--iron-oxide);
--text-subheading:var(--cast-iron);
--text-muted:var(--iron-gray);
--text-inverse:var(--white);
--border-default:var(--rule);
--border-input:var(--input-border);
--border-structure:var(--iron-oxide);
--border-on-structure:var(--footer-divider);
--action-primary:var(--rust);
--action-primary-hover:var(--rust-hover);
--action-primary-text:var(--white);
--action-secondary:var(--iron-oxide);
--action-secondary-hover-bg:var(--warm-gray);
--link:var(--iron-oxide);
--link-hover:var(--rust);
--required:var(--oxblood);
--status-received:var(--patina);
--status-waiting:var(--ochre);
--status-problem:var(--oxblood);
--status-sent:var(--slate);
--brand-mark:var(--iron-oxide);
--illustration-stroke:var(--iron-oxide);
--illustration-ground:var(--warm-gray);
--illustration-paper:var(--white);
}
/* Iron Identity type tokens. Regular (400) and Bold (700) only. */
:root{
--font-serif:'Merriweather',Georgia,'Times New Roman',serif;
--font-sans:'Public Sans','Helvetica Neue',Arial,sans-serif;
--font-heading:var(--font-serif);
--font-body:var(--font-sans);
--font-logo:var(--font-serif);
--font-quote:var(--font-serif);

--weight-regular:400;
--weight-bold:700;

/* Scale: desktop values; mobile values in the media block below */
--text-h1-size:40px;--text-h1-size-mobile:30px;--text-h1-fluid:clamp(30px,3.6vw,40px);--text-h1-leading:1.25;
--text-h2-size:28px;--text-h2-size-mobile:24px;--text-h2-fluid:clamp(24px,2.6vw,28px);--text-h2-leading:1.3;
--text-h3-size:20px;--text-h3-size-mobile:19px;--text-h3-leading:1.35;
--text-body-size:18px;--text-body-size-mobile:17px;--text-body-leading:1.6;
--text-caption-size:15px;--text-caption-size-mobile:14px;
--text-lede-size:20px;--text-lede-leading:1.55;
--text-nav-size:17px;
--text-footer-size:16px;
--text-ui-size:16px;
--text-sup-size:13px;
--text-quote-size:20px;--text-quote-leading:1.5;
--text-fact-size:20px;--text-fact-leading:1.45;
--text-signature-size:22px;

/* Logo lettering */
--tracking-wordmark:0.08em;
--tracking-domain:0.18em;
}
@media (max-width:640px){
:root{--text-h3-size:19px;--text-body-size:17px;--text-caption-size:14px}
}
/* Iron Identity layout, spacing, borders and radii. Values copied from the homepage and brand book. */
:root{
/* Layout */
--content-max:1100px;
--text-column:720px;
--faq-column:760px;
--gutter:24px;
--section-pad-y:64px;
--hero-pad-top:56px;
--hero-pad-bottom:64px;
--strip-pad-y:28px;

/* Spacing steps in use */
--space-2:2px;
--space-4:4px;
--space-6:6px;
--space-8:8px;
--space-10:10px;
--space-12:12px;
--space-14:14px;
--space-18:18px;
--space-20:20px;
--space-24:24px;
--space-28:28px;
--space-32:32px;
--space-36:36px;
--space-40:40px;
--space-56:56px;
--space-64:64px;

/* Card */
--card-pad:24px;
--card-pad-roomy:28px;
--grid-gap:20px;
--grid-gap-wide:28px;

/* Radii */
--radius:3px;
--radius-app-icon:22px;
--radius-app-icon-inner:14px;

/* Borders */
--border-width:1px;
--border-width-secondary:2px;
--plate-rule-outer:3px;
--plate-rule-gap:3px;
--plate-rule-inner:1px;

/* Controls */
--field-height:44px;
--field-pad-x:12px;

/* Motion: color change only */
--transition-color:none;
}
/* Element defaults for pages built with Iron Identity */
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--text-body-leading);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:underline;text-underline-offset:2px}
a:hover{color:var(--link-hover)}
h1,h2,h3{font-family:var(--font-heading);font-weight:var(--weight-bold);margin:0;text-wrap:pretty}
h1{font-size:var(--text-h1-fluid);line-height:var(--text-h1-leading);color:var(--text-heading)}
h2{font-size:var(--text-h2-fluid);line-height:var(--text-h2-leading);color:var(--text-heading)}
h3{font-size:var(--text-h3-size);line-height:var(--text-h3-leading);color:var(--text-subheading)}
p{margin:0}
summary::-webkit-details-marker{display:none}
/* Interaction states for Iron Identity components. Hover = color change only. */
.ii-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius);font-family:var(--font-body);font-weight:var(--weight-bold);line-height:1.6;cursor:pointer;text-decoration:none;box-sizing:border-box;border:0;margin:0;white-space:nowrap}
.ii-btn--primary{background:var(--action-primary);color:var(--action-primary-text)}
.ii-btn--primary:hover{background:var(--action-primary-hover);color:var(--action-primary-text)}
.ii-btn--secondary{background:transparent;color:var(--action-secondary);border:var(--border-width-secondary) solid var(--action-secondary)}
.ii-btn--secondary:hover{background:var(--action-secondary-hover-bg);color:var(--action-secondary)}
.ii-btn:disabled,.ii-btn[aria-disabled="true"]{background:var(--rule);color:var(--iron-gray);border-color:var(--rule);cursor:not-allowed}
.ii-btn:focus-visible,.ii-nav-link:focus-visible,.ii-faq-summary:focus-visible{outline:2px solid var(--iron-oxide);outline-offset:2px}
.ii-nav-link{color:var(--cast-iron);cursor:pointer;text-decoration:none;background:none;border:0;padding:0;font:inherit}
.ii-nav-link:hover{color:var(--rust)}
.ii-nav-link[aria-current="page"]{color:var(--iron-oxide);font-weight:var(--weight-bold)}
.ii-footer a{color:var(--white)}
.ii-footer a:hover{color:var(--warm-gray)}
.ii-field{height:var(--field-height);border:1px solid var(--border-input);border-radius:var(--radius);padding:0 var(--field-pad-x);font-family:var(--font-body);font-size:var(--text-ui-size);color:var(--text-body);background:var(--white);box-sizing:border-box;width:100%}
.ii-field::placeholder{color:var(--iron-gray)}
.ii-field:focus{outline:2px solid var(--iron-oxide);outline-offset:1px}
.ii-field--multiline{height:auto;min-height:120px;padding:10px var(--field-pad-x);line-height:1.5;resize:vertical}
.ii-field[aria-invalid="true"]{border-color:var(--oxblood)}
.ii-faq-summary{list-style:none;cursor:pointer}
.ii-faq-summary::-webkit-details-marker{display:none}