/* Gerado de src/web/skins (spec 63) */
:root.student-workspace[data-skin='pequenos'],
:root.skin-preview[data-skin='pequenos'] dialog {
  --skin-font-content: 'Andika', Arial, sans-serif;
  --skin-font-title: 'Nunito', Arial, sans-serif;
  --skin-font-ui: 'Nunito', Arial, sans-serif;
  --skin-weight-ui: 800;
  --skin-text: calc(24px * var(--student-scale, 1));
  --skin-text-small: calc(20px * var(--student-scale, 1));
  --skin-question: calc(28px * var(--student-scale, 1));
  --skin-title: calc(28px * var(--student-scale, 1));
  --skin-target: calc(64px * var(--student-scale, 1));
  --skin-target-big: calc(72px * var(--student-scale, 1));
  --skin-button-text: calc(24px * var(--student-scale, 1));
  --skin-radius: 20px;
  --skin-card-radius: 24px;
  --skin-border: 3px;
  --skin-card-line: var(--kid-accent);
  --skin-card-top: 3px;
  --skin-card-mix: 16%;
  --skin-featured-mix: 26%;
  --skin-featured-border: 4px;
  --skin-card-shadow: 0 6px 0 color-mix(in srgb, var(--kid-accent) 55%, transparent);
  --skin-icon: calc(96px * var(--student-scale, 1));
  --skin-icon-text: calc(60px * var(--student-scale, 1));
  --skin-header-bg: #fffdf7;
  --skin-header-ink: #213c34;
  --skin-header-accent: #3f7a22;
  --skin-header-button-bg: #ffffff;
  --skin-header-button-ink: #213c34;
  --skin-header-button-line: #213c34;
  --skin-header-avatar-bg: #d9f0c4;
  --app-background: #fbeeb8;
  --app-surface: #fffaea;
  --app-card: #ffffff;
  --app-ink: #213c34;
  --app-primary: #24684f;
  --app-tint: #fff1d6;
  --app-selected: #fff1c8;
  --app-scene: #fff1d6;
  --app-border: #ecd9b4;
  --app-muted: #3d5248;
  --app-soft: #fff1d6;
  --skin-letter: 0em;
  --skin-word: 0em;
  --skin-line: 1.5;
  --skin-dense: 1;
  --skin-question-pin: sticky;
  --skin-label-display: inline;
}
:root.student-workspace[data-skin='pequenos'][data-reading-size='pequeno'],
:root.skin-preview[data-skin='pequenos'][data-reading-size='pequeno'] dialog {
  --skin-text: calc(22px * var(--student-scale, 1));
  --skin-text-small: calc(18px * var(--student-scale, 1));
  --skin-question: calc(25px * var(--student-scale, 1));
  --skin-title: calc(25px * var(--student-scale, 1));
  --skin-button-text: calc(22px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='pequenos'][data-reading-size='grande'],
:root.skin-preview[data-skin='pequenos'][data-reading-size='grande'] dialog {
  --skin-text: calc(28px * var(--student-scale, 1));
  --skin-text-small: calc(22px * var(--student-scale, 1));
  --skin-question: calc(32px * var(--student-scale, 1));
  --skin-title: calc(30px * var(--student-scale, 1));
  --skin-button-text: calc(26px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='pequenos'][data-reading-size='maior'],
:root.skin-preview[data-skin='pequenos'][data-reading-size='maior'] dialog {
  --skin-text: calc(32px * var(--student-scale, 1));
  --skin-text-small: calc(24px * var(--student-scale, 1));
  --skin-question: calc(36px * var(--student-scale, 1));
  --skin-title: calc(32px * var(--student-scale, 1));
  --skin-button-text: calc(28px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='pequenos'][data-reading-spacing='amplo'],
:root.skin-preview[data-skin='pequenos'][data-reading-spacing='amplo'] dialog {
  --skin-letter: 0.06em;
  --skin-word: 0.12em;
  --skin-line: 1.75;
}
:root.student-workspace[data-skin='pequenos'][data-reading-spacing='maior'],
:root.skin-preview[data-skin='pequenos'][data-reading-spacing='maior'] dialog {
  --skin-letter: 0.12em;
  --skin-word: 0.2em;
  --skin-line: 2;
}
:root.student-workspace[data-skin='classica'],
:root.skin-preview[data-skin='classica'] dialog {
  --skin-font-content: 'Atkinson Hyperlegible', Arial, sans-serif;
  --skin-font-title: 'Atkinson Hyperlegible', Arial, sans-serif;
  --skin-font-ui: 'Atkinson Hyperlegible', Arial, sans-serif;
  --skin-weight-ui: 600;
  --skin-text: calc(17px * var(--student-scale, 1));
  --skin-text-small: calc(15px * var(--student-scale, 1));
  --skin-question: calc(20px * var(--student-scale, 1));
  --skin-title: calc(19px * var(--student-scale, 1));
  --skin-target: calc(48px * var(--student-scale, 1));
  --skin-target-big: calc(52px * var(--student-scale, 1));
  --skin-button-text: calc(16px * var(--student-scale, 1));
  --skin-radius: 12px;
  --skin-card-radius: 12px;
  --skin-border: 1px;
  --skin-card-line: var(--app-border);
  --skin-card-top: 4px;
  --skin-card-mix: 0%;
  --skin-featured-mix: 0%;
  --skin-featured-border: 1px;
  --skin-card-shadow: 0 1px 3px rgba(29, 43, 51, 0.08);
  --skin-icon: calc(64px * var(--student-scale, 1));
  --skin-icon-text: calc(38px * var(--student-scale, 1));
  --skin-header-bg: #ffffff;
  --skin-header-ink: #1d2b33;
  --skin-header-accent: #1f6a4f;
  --skin-header-button-bg: #ffffff;
  --skin-header-button-ink: #1d2b33;
  --skin-header-button-line: #cfd5d2;
  --skin-header-avatar-bg: #d3e5f6;
  --app-background: #d6e8f7;
  --app-surface: #f1f7fd;
  --app-card: #ffffff;
  --app-ink: #1d2b33;
  --app-primary: #1f6a4f;
  --app-tint: #e4effa;
  --app-selected: #d3e5f6;
  --app-scene: #deebf8;
  --app-border: #bfd4e6;
  --app-muted: #4d5c63;
  --app-soft: #e4effa;
  --skin-letter: 0em;
  --skin-word: 0em;
  --skin-line: 1.5;
  --skin-dense: 0;
  --skin-question-pin: static;
  --skin-label-display: block;
}
:root.student-workspace[data-skin='classica'][data-reading-size='pequeno'],
:root.skin-preview[data-skin='classica'][data-reading-size='pequeno'] dialog {
  --skin-text: calc(16px * var(--student-scale, 1));
  --skin-text-small: calc(14px * var(--student-scale, 1));
  --skin-question: calc(19px * var(--student-scale, 1));
  --skin-title: calc(18px * var(--student-scale, 1));
  --skin-button-text: calc(15px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='classica'][data-reading-size='grande'],
:root.skin-preview[data-skin='classica'][data-reading-size='grande'] dialog {
  --skin-text: calc(20px * var(--student-scale, 1));
  --skin-text-small: calc(17px * var(--student-scale, 1));
  --skin-question: calc(23px * var(--student-scale, 1));
  --skin-title: calc(21px * var(--student-scale, 1));
  --skin-button-text: calc(18px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='classica'][data-reading-size='maior'],
:root.skin-preview[data-skin='classica'][data-reading-size='maior'] dialog {
  --skin-text: calc(23px * var(--student-scale, 1));
  --skin-text-small: calc(19px * var(--student-scale, 1));
  --skin-question: calc(26px * var(--student-scale, 1));
  --skin-title: calc(24px * var(--student-scale, 1));
  --skin-button-text: calc(20px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='classica'][data-reading-spacing='amplo'],
:root.skin-preview[data-skin='classica'][data-reading-spacing='amplo'] dialog {
  --skin-letter: 0.06em;
  --skin-word: 0.12em;
  --skin-line: 1.75;
}
:root.student-workspace[data-skin='classica'][data-reading-spacing='maior'],
:root.skin-preview[data-skin='classica'][data-reading-spacing='maior'] dialog {
  --skin-letter: 0.12em;
  --skin-word: 0.2em;
  --skin-line: 2;
}
:root.student-workspace[data-skin='grandes'],
:root.skin-preview[data-skin='grandes'] dialog {
  --skin-font-content: 'Atkinson Hyperlegible', Arial, sans-serif;
  --skin-font-title: 'Lexend', Arial, sans-serif;
  --skin-font-ui: 'Atkinson Hyperlegible', Arial, sans-serif;
  --skin-weight-ui: 700;
  --skin-text: calc(19px * var(--student-scale, 1));
  --skin-text-small: calc(16px * var(--student-scale, 1));
  --skin-question: calc(22px * var(--student-scale, 1));
  --skin-title: calc(21px * var(--student-scale, 1));
  --skin-target: calc(48px * var(--student-scale, 1));
  --skin-target-big: calc(52px * var(--student-scale, 1));
  --skin-button-text: calc(18px * var(--student-scale, 1));
  --skin-radius: 12px;
  --skin-card-radius: 12px;
  --skin-border: 1px;
  --skin-card-line: var(--app-border);
  --skin-card-top: 4px;
  --skin-card-mix: 0%;
  --skin-featured-mix: 0%;
  --skin-featured-border: 1px;
  --skin-card-shadow: 0 1px 3px rgba(29, 43, 51, 0.08);
  --skin-icon: calc(64px * var(--student-scale, 1));
  --skin-icon-text: calc(38px * var(--student-scale, 1));
  --skin-header-bg: #1d2b33;
  --skin-header-ink: #f4f6f5;
  --skin-header-accent: #9fd08a;
  --skin-header-button-bg: #1d2b33;
  --skin-header-button-ink: #f4f6f5;
  --skin-header-button-line: #4a5c66;
  --skin-header-avatar-bg: #33505e;
  --app-background: #d7eddf;
  --app-surface: #f0f8f2;
  --app-card: #ffffff;
  --app-ink: #1d2b33;
  --app-primary: #1f6a4f;
  --app-tint: #e3f2ea;
  --app-selected: #d2eadb;
  --app-scene: #e0f0e6;
  --app-border: #c2dacb;
  --app-muted: #4d5c63;
  --app-soft: #e3f2ea;
  --skin-letter: 0em;
  --skin-word: 0em;
  --skin-line: 1.5;
  --skin-dense: 0;
  --skin-question-pin: static;
  --skin-label-display: block;
}
:root.student-workspace[data-skin='grandes'][data-reading-size='pequeno'],
:root.skin-preview[data-skin='grandes'][data-reading-size='pequeno'] dialog {
  --skin-text: calc(17px * var(--student-scale, 1));
  --skin-text-small: calc(14px * var(--student-scale, 1));
  --skin-question: calc(20px * var(--student-scale, 1));
  --skin-title: calc(19px * var(--student-scale, 1));
  --skin-button-text: calc(16px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='grandes'][data-reading-size='grande'],
:root.skin-preview[data-skin='grandes'][data-reading-size='grande'] dialog {
  --skin-text: calc(22px * var(--student-scale, 1));
  --skin-text-small: calc(18px * var(--student-scale, 1));
  --skin-question: calc(25px * var(--student-scale, 1));
  --skin-title: calc(23px * var(--student-scale, 1));
  --skin-button-text: calc(20px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='grandes'][data-reading-size='maior'],
:root.skin-preview[data-skin='grandes'][data-reading-size='maior'] dialog {
  --skin-text: calc(25px * var(--student-scale, 1));
  --skin-text-small: calc(20px * var(--student-scale, 1));
  --skin-question: calc(28px * var(--student-scale, 1));
  --skin-title: calc(25px * var(--student-scale, 1));
  --skin-button-text: calc(22px * var(--student-scale, 1));
}
:root.student-workspace[data-skin='grandes'][data-reading-spacing='amplo'],
:root.skin-preview[data-skin='grandes'][data-reading-spacing='amplo'] dialog {
  --skin-letter: 0.06em;
  --skin-word: 0.12em;
  --skin-line: 1.75;
}
:root.student-workspace[data-skin='grandes'][data-reading-spacing='maior'],
:root.skin-preview[data-skin='grandes'][data-reading-spacing='maior'] dialog {
  --skin-letter: 0.12em;
  --skin-word: 0.2em;
  --skin-line: 2;
}