/* Casa Portal brand 0.12.0. Generated from brand.json by scripts/generate-casa-portal.mjs.
   Import this file after Meccano. Prefer data-brand="casa-portal"; .theme-casa-portal is a migration alias. */

[data-brand="casa-portal"],
.theme-casa-portal {
  color-scheme: light;
  --soto-typography-style-display-weight: 400;
  --soto-typography-style-heading1-weight: 400;
  --soto-typography-style-heading2-weight: 400;
  --soto-color-surface-base: #EAEADA;
  --soto-color-surface-raised: #F7F6E8;
  --soto-color-surface-sunken: #DFDECD;
  --soto-color-surface-natural: #E4E3D1;
  --soto-color-text-primary: #263C3A;
  --soto-color-text-secondary: #526562;
  --soto-color-text-muted: #667572;
  --soto-color-text-inverse: #F8F6EF;
  --soto-color-link-default: #27433C;
  --soto-color-link-hover: #263C3A;
  --soto-color-link-decoration: #EDF867;
  --soto-color-link-decoration-hover: #CBD747;
  --soto-color-link-on-dark: #EDF867;
  --soto-color-link-on-dark-hover: #F4FAAD;
  --soto-color-brand-primary: #EDF867;
  --soto-color-brand-primary-hover: #E4F151;
  --soto-color-brand-accent: #27433C;
  --soto-color-brand-selection: #EDF867;
  --soto-color-brand-surface-forest-background: #27433C;
  --soto-color-brand-surface-forest-headline: #EDF867;
  --soto-color-brand-surface-forest-foreground: #FFFFFF;
  --soto-color-button-primary-face: #EDF867;
  --soto-color-button-primary-base: #CBD747;
  --soto-color-button-primary-foreground: #263C3A;
  --soto-color-button-secondary-face: #DEDDD2;
  --soto-color-button-secondary-base: #C7C5B8;
  --soto-color-button-secondary-foreground: #263C3A;
  --soto-color-button-outline-face: #F8F6EF;
  --soto-color-button-outline-base: #CFCDC1;
  --soto-color-button-outline-foreground: #263C3A;
  --soto-color-button-outline-border: #B8B8AD;
  --soto-color-button-destructive-face: #A63E27;
  --soto-color-button-destructive-base: #702719;
  --soto-color-button-destructive-foreground: #FFFFFF;
  --soto-color-border-subtle: rgb(38 60 58 / 0.1);
  --soto-color-border-default: rgb(38 60 58 / 0.18);
  --soto-color-border-strong: rgb(38 60 58 / 0.32);
  --soto-shadow-card: 0 1px 2px rgb(38 60 58 / 0.07);
  --soto-shadow-sheet: 0 10px 30px rgb(38 60 58 / 0.12);
  --soto-shadow-soft: 0 24px 80px rgb(38 60 58 / 0.1);
  --background: var(--soto-color-surface-base);
  --foreground: var(--soto-color-text-primary);
  --card: var(--soto-color-surface-raised);
  --card-foreground: var(--soto-color-text-primary);
  --popover: var(--soto-color-surface-raised);
  --popover-foreground: var(--soto-color-text-primary);
  --primary: var(--soto-color-brand-primary);
  --primary-foreground: var(--soto-color-button-primary-foreground);
  --link: var(--soto-color-link-default);
  --link-hover: var(--soto-color-link-hover);
  --link-decoration: var(--soto-color-link-decoration);
  --link-decoration-hover: var(--soto-color-link-decoration-hover);
  --link-on-dark: var(--soto-color-link-on-dark);
  --link-on-dark-hover: var(--soto-color-link-on-dark-hover);
  --secondary: var(--soto-color-surface-sunken);
  --secondary-foreground: var(--soto-color-text-primary);
  --muted: var(--soto-color-surface-natural);
  --muted-foreground: #526562;
  --accent: var(--soto-color-brand-accent);
  --accent-foreground: #F8F6EF;
  --border: var(--soto-color-border-default);
  --input: var(--soto-color-border-default);
  --ring: #27433C;
  --button-large-primary-face: var(--soto-color-button-primary-face);
  --button-wide-primary-face: var(--button-large-primary-face);
  --button-large-primary-base: var(--soto-color-button-primary-base);
  --button-wide-primary-base: var(--button-large-primary-base);
  --button-large-primary-foreground: var(--soto-color-button-primary-foreground);
  --button-wide-primary-foreground: var(--button-large-primary-foreground);
  --button-large-secondary-face: var(--soto-color-button-secondary-face);
  --button-wide-secondary-face: var(--button-large-secondary-face);
  --button-large-secondary-base: var(--soto-color-button-secondary-base);
  --button-wide-secondary-base: var(--button-large-secondary-base);
  --button-large-secondary-foreground: var(--soto-color-button-secondary-foreground);
  --button-wide-secondary-foreground: var(--button-large-secondary-foreground);
  --button-large-outline-face: var(--soto-color-button-outline-face);
  --button-wide-outline-face: var(--button-large-outline-face);
  --button-large-outline-base: var(--soto-color-button-outline-base);
  --button-wide-outline-base: var(--button-large-outline-base);
  --button-large-outline-foreground: var(--soto-color-button-outline-foreground);
  --button-wide-outline-foreground: var(--button-large-outline-foreground);
  --button-large-outline-border: var(--soto-color-button-outline-border);
  --button-wide-outline-border: var(--button-large-outline-border);
  --brand-button-destructive-face: var(--soto-color-button-destructive-face);
  --brand-button-destructive-base: var(--soto-color-button-destructive-base);
  --brand-button-destructive-foreground: var(--soto-color-button-destructive-foreground);
  --brand-button-destructive-hover: color-mix(in srgb, var(--soto-color-button-destructive-face) 92%, white);
  --app-icon-background: transparent;
  --app-icon-foreground: #EDF867;
  --casa-app-primary: #EDF867;
  --casa-app-primary-foreground: #142220;
  --soto-color-brand-primary: var(--casa-app-primary);
  --soto-color-brand-primary-hover: color-mix(in srgb, var(--casa-app-primary) 88%, var(--foreground));
  --soto-color-brand-selection: color-mix(in srgb, var(--casa-app-primary) 42%, transparent);
  --soto-color-button-primary-face: var(--casa-app-primary);
  --soto-color-button-primary-base: color-mix(in srgb, var(--casa-app-primary) 76%, var(--foreground));
  --soto-color-button-primary-foreground: var(--casa-app-primary-foreground);
  --primary: var(--casa-app-primary);
  --primary-foreground: var(--casa-app-primary-foreground);
  --ring: var(--casa-app-primary);
  --link-decoration: var(--casa-app-primary);
  --button-large-primary-face: var(--casa-app-primary);
  --button-large-primary-base: color-mix(in srgb, var(--casa-app-primary) 76%, var(--foreground));
  --button-large-primary-foreground: var(--casa-app-primary-foreground);
}

[data-theme="dark"][data-brand="casa-portal"],
[data-theme="dark"] [data-brand="casa-portal"],
[data-theme="dark"].theme-casa-portal,
[data-theme="dark"] .theme-casa-portal {
  color-scheme: dark;
  --soto-color-surface-base: #2D2C20;
  --soto-color-surface-raised: #393629;
  --soto-color-surface-sunken: #25251B;
  --soto-color-surface-natural: #413F30;
  --soto-color-text-primary: #F2EFE5;
  --soto-color-text-secondary: #D2CCBF;
  --soto-color-text-muted: #B7B0A2;
  --soto-color-text-inverse: #263C3A;
  --soto-color-link-default: #EDF867;
  --soto-color-link-hover: #F4FAAD;
  --soto-color-link-decoration: rgb(237 248 103 / 0.5);
  --soto-color-link-decoration-hover: #F4FAAD;
  --soto-color-link-on-dark: #EDF867;
  --soto-color-link-on-dark-hover: #F4FAAD;
  --soto-color-brand-primary: #EDF867;
  --soto-color-brand-primary-hover: #E4F151;
  --soto-color-brand-accent: #C4D8D2;
  --soto-color-brand-selection: #626827;
  --soto-color-brand-surface-forest-background: #1B312E;
  --soto-color-brand-surface-forest-headline: #EDF867;
  --soto-color-brand-surface-forest-foreground: #F2EFE5;
  --soto-color-button-primary-face: #EDF867;
  --soto-color-button-primary-base: #A9B438;
  --soto-color-button-primary-foreground: #263C3A;
  --soto-color-button-secondary-face: #39362D;
  --soto-color-button-secondary-base: #191813;
  --soto-color-button-secondary-foreground: #F2EFE5;
  --soto-color-button-outline-face: #302D26;
  --soto-color-button-outline-base: #181713;
  --soto-color-button-outline-foreground: #F2EFE5;
  --soto-color-button-outline-border: #5E594E;
  --soto-color-button-destructive-face: #E47C61;
  --soto-color-button-destructive-base: #984330;
  --soto-color-button-destructive-foreground: #24221D;
  --soto-color-badge-default-background: #514A3E;
  --soto-color-badge-default-foreground: #F2EFE5;
  --soto-color-border-subtle: rgb(242 239 229 / 0.1);
  --soto-color-border-default: rgb(242 239 229 / 0.18);
  --soto-color-border-strong: rgb(242 239 229 / 0.32);
  --soto-shadow-card: 0 1px 2px rgb(0 0 0 / 0.34);
  --soto-shadow-sheet: 0 10px 30px rgb(0 0 0 / 0.5);
  --soto-shadow-soft: 0 24px 80px rgb(0 0 0 / 0.45);
  --background: var(--soto-color-surface-base);
  --foreground: var(--soto-color-text-primary);
  --card: var(--soto-color-surface-raised);
  --card-foreground: var(--soto-color-text-primary);
  --popover: var(--soto-color-surface-raised);
  --popover-foreground: var(--soto-color-text-primary);
  --primary: var(--soto-color-brand-primary);
  --primary-foreground: var(--soto-color-button-primary-foreground);
  --link: var(--soto-color-link-default);
  --link-hover: var(--soto-color-link-hover);
  --link-decoration: var(--soto-color-link-decoration);
  --link-decoration-hover: var(--soto-color-link-decoration-hover);
  --link-on-dark: var(--soto-color-link-on-dark);
  --link-on-dark-hover: var(--soto-color-link-on-dark-hover);
  --secondary: var(--soto-color-surface-sunken);
  --secondary-foreground: var(--soto-color-text-primary);
  --muted: var(--soto-color-surface-natural);
  --muted-foreground: #D2CCBF;
  --accent: var(--soto-color-brand-accent);
  --accent-foreground: #24221D;
  --border: var(--soto-color-border-default);
  --input: var(--soto-color-border-default);
  --ring: #EDF867;
  --button-large-primary-face: var(--soto-color-button-primary-face);
  --button-wide-primary-face: var(--button-large-primary-face);
  --button-large-primary-base: var(--soto-color-button-primary-base);
  --button-wide-primary-base: var(--button-large-primary-base);
  --button-large-primary-foreground: var(--soto-color-button-primary-foreground);
  --button-wide-primary-foreground: var(--button-large-primary-foreground);
  --button-large-secondary-face: var(--soto-color-button-secondary-face);
  --button-wide-secondary-face: var(--button-large-secondary-face);
  --button-large-secondary-base: var(--soto-color-button-secondary-base);
  --button-wide-secondary-base: var(--button-large-secondary-base);
  --button-large-secondary-foreground: var(--soto-color-button-secondary-foreground);
  --button-wide-secondary-foreground: var(--button-large-secondary-foreground);
  --button-large-outline-face: var(--soto-color-button-outline-face);
  --button-wide-outline-face: var(--button-large-outline-face);
  --button-large-outline-base: var(--soto-color-button-outline-base);
  --button-wide-outline-base: var(--button-large-outline-base);
  --button-large-outline-foreground: var(--soto-color-button-outline-foreground);
  --button-wide-outline-foreground: var(--button-large-outline-foreground);
  --button-large-outline-border: var(--soto-color-button-outline-border);
  --button-wide-outline-border: var(--button-large-outline-border);
  --brand-button-destructive-face: var(--soto-color-button-destructive-face);
  --brand-button-destructive-base: var(--soto-color-button-destructive-base);
  --brand-button-destructive-foreground: var(--soto-color-button-destructive-foreground);
  --brand-button-destructive-hover: color-mix(in srgb, var(--soto-color-button-destructive-face) 92%, white);
  --soto-color-brand-primary: var(--casa-app-primary);
  --soto-color-brand-primary-hover: color-mix(in srgb, var(--casa-app-primary) 88%, var(--foreground));
  --soto-color-brand-selection: color-mix(in srgb, var(--casa-app-primary) 42%, transparent);
  --soto-color-button-primary-face: var(--casa-app-primary);
  --soto-color-button-primary-base: color-mix(in srgb, var(--casa-app-primary) 76%, #0B0F0E);
  --soto-color-button-primary-foreground: var(--casa-app-primary-foreground);
  --primary: var(--casa-app-primary);
  --primary-foreground: var(--casa-app-primary-foreground);
  --ring: var(--casa-app-primary);
  --link-decoration: var(--casa-app-primary);
  --button-large-primary-face: var(--casa-app-primary);
  --button-large-primary-base: color-mix(in srgb, var(--casa-app-primary) 76%, #0B0F0E);
  --button-large-primary-foreground: var(--casa-app-primary-foreground);
}

[data-brand="casa-portal"][data-app="estudiantes"],
.theme-casa-portal[data-app="estudiantes"] {
  --app-icon-foreground: #36AA78;
  --casa-app-primary: #36AA78;
  --casa-app-primary-foreground: #142220;
  --soto-color-surface-raised: #EEF2E9;
  --soto-color-surface-base: #E1E6DB;
  --soto-color-surface-natural: #DBDFD2;
  --soto-color-surface-sunken: #D6DACE;
}

[data-brand="casa-portal"][data-app="educadores"],
.theme-casa-portal[data-app="educadores"] {
  --app-icon-foreground: #315EC6;
  --casa-app-primary: #315EC6;
  --casa-app-primary-foreground: #F8F6EF;
  --soto-color-surface-raised: #EEEEED;
  --soto-color-surface-base: #E1E2DF;
  --soto-color-surface-natural: #DBDBD6;
  --soto-color-surface-sunken: #D5D7D1;
}

[data-brand="casa-portal"][data-app="admin"],
.theme-casa-portal[data-app="admin"] {
  --app-icon-foreground: #F25B4B;
  --casa-app-primary: #F25B4B;
  --casa-app-primary-foreground: #142220;
  --soto-color-surface-raised: #F8EEE7;
  --soto-color-surface-base: #EAE2D9;
  --soto-color-surface-natural: #E5DBD0;
  --soto-color-surface-sunken: #DFD7CB;
}

[data-brand="casa-portal"][data-app="familias"],
.theme-casa-portal[data-app="familias"] {
  --app-icon-foreground: #EA8DAE;
  --casa-app-primary: #EA8DAE;
  --casa-app-primary-foreground: #142220;
  --soto-color-surface-raised: #F7F1EC;
  --soto-color-surface-base: #EAE4DD;
  --soto-color-surface-natural: #E4DED5;
  --soto-color-surface-sunken: #DFD9D0;
}

[data-theme="dark"][data-brand="casa-portal"][data-app="estudiantes"],
[data-theme="dark"] [data-brand="casa-portal"][data-app="estudiantes"],
[data-theme="dark"].theme-casa-portal[data-app="estudiantes"],
[data-theme="dark"] .theme-casa-portal[data-app="estudiantes"] {
  --soto-color-surface-raised: #30332A;
  --soto-color-surface-base: #252821;
  --soto-color-surface-natural: #393B30;
  --soto-color-surface-sunken: #1D211B;
}

[data-theme="dark"][data-brand="casa-portal"][data-app="educadores"],
[data-theme="dark"] [data-brand="casa-portal"][data-app="educadores"],
[data-theme="dark"].theme-casa-portal[data-app="educadores"],
[data-theme="dark"] .theme-casa-portal[data-app="educadores"] {
  --soto-color-surface-raised: #302F2D;
  --soto-color-surface-base: #252525;
  --soto-color-surface-natural: #393834;
  --soto-color-surface-sunken: #1D1E1F;
}

[data-theme="dark"][data-brand="casa-portal"][data-app="admin"],
[data-theme="dark"] [data-brand="casa-portal"][data-app="admin"],
[data-theme="dark"].theme-casa-portal[data-app="admin"],
[data-theme="dark"] .theme-casa-portal[data-app="admin"] {
  --soto-color-surface-raised: #392F28;
  --soto-color-surface-base: #2D251F;
  --soto-color-surface-natural: #41382E;
  --soto-color-surface-sunken: #261E19;
}

[data-theme="dark"][data-brand="casa-portal"][data-app="familias"],
[data-theme="dark"] [data-brand="casa-portal"][data-app="familias"],
[data-theme="dark"].theme-casa-portal[data-app="familias"],
[data-theme="dark"] .theme-casa-portal[data-app="familias"] {
  --soto-color-surface-raised: #38312C;
  --soto-color-surface-base: #2D2724;
  --soto-color-surface-natural: #413A33;
  --soto-color-surface-sunken: #25201E;
}