/*
 * GENERADO por scripts/generate-palettes.mjs desde apps/mobile/lib/design/tokens.ts.
 * No se edita a mano: se vuelve a generar.
 *
 * Las ocho paletas de la app, en claro y en oscuro. El tema sigue al sistema
 * salvo que la página tenga `data-theme`, que lo fija el selector de la portada.
 */

/* green */
:root,
:root[data-palette='green'] {
  --canvas: #f2f2e7;
  --surface: #ffffff;
  --surface-alt: #fafaf4;
  --sunken: #e6e8d7;
  --line: #e6e8d7;
  --line-strong: #d4d8c1;
  --ink: #2e2016;
  --ink-muted: #6b5f4e;
  --ink-subtle: #8e8474;
  --primary: #5f7a43;
  --primary-pressed: #4c6335;
  --on-primary: #ffffff;
  --accent: #c4873c;
  --sage: #6e8c3f;
  --inverse: #2e2016;
  --on-inverse: #f2f2e7;
  --swatch: #5f7a43;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --canvas: #1a1a19;
    --surface: #242423;
    --surface-alt: #292928;
    --sunken: #131312;
    --line: #313130;
    --line-strong: #403f3e;
    --ink: #ededeb;
    --ink-muted: #a9a9a6;
    --ink-subtle: #807f7c;
    --primary: #9bbf6e;
    --primary-pressed: #b0d084;
    --on-primary: #1a1a19;
    --accent: #dba954;
    --sage: #b4d68a;
    --inverse: #f2f2e7;
    --on-inverse: #2e2016;
  }
}
:root[data-theme='dark'] {
  --canvas: #1a1a19;
  --surface: #242423;
  --surface-alt: #292928;
  --sunken: #131312;
  --line: #313130;
  --line-strong: #403f3e;
  --ink: #ededeb;
  --ink-muted: #a9a9a6;
  --ink-subtle: #807f7c;
  --primary: #9bbf6e;
  --primary-pressed: #b0d084;
  --on-primary: #1a1a19;
  --accent: #dba954;
  --sage: #b4d68a;
  --inverse: #f2f2e7;
  --on-inverse: #2e2016;
}

/* orange */
:root[data-palette='orange'] {
  --canvas: #f7f1e8;
  --surface: #ffffff;
  --surface-alt: #fffdf8;
  --sunken: #efe7d8;
  --line: #efe7d8;
  --line-strong: #e6ddce;
  --ink: #2a211c;
  --ink-muted: #6b6355;
  --ink-subtle: #8e8371;
  --primary: #b85933;
  --primary-pressed: #a44f2f;
  --on-primary: #ffffff;
  --accent: #e0a83b;
  --sage: #8a9a6b;
  --inverse: #2a211c;
  --on-inverse: #f7f1e8;
  --swatch: #b85933;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='orange']:not([data-theme='light']) {
    --canvas: #211c18;
    --surface: #2c2621;
    --surface-alt: #332c26;
    --sunken: #1a1512;
    --line: #3a332c;
    --line-strong: #4a4139;
    --ink: #f0e9dd;
    --ink-muted: #b0a48f;
    --ink-subtle: #8a7e6f;
    --primary: #d9784f;
    --primary-pressed: #e68f69;
    --on-primary: #211c18;
    --accent: #e0a83b;
    --sage: #a8b888;
    --inverse: #f7f1e8;
    --on-inverse: #2a211c;
  }
}
:root[data-palette='orange'][data-theme='dark'] {
  --canvas: #211c18;
  --surface: #2c2621;
  --surface-alt: #332c26;
  --sunken: #1a1512;
  --line: #3a332c;
  --line-strong: #4a4139;
  --ink: #f0e9dd;
  --ink-muted: #b0a48f;
  --ink-subtle: #8a7e6f;
  --primary: #d9784f;
  --primary-pressed: #e68f69;
  --on-primary: #211c18;
  --accent: #e0a83b;
  --sage: #a8b888;
  --inverse: #f7f1e8;
  --on-inverse: #2a211c;
}

/* blue */
:root[data-palette='blue'] {
  --canvas: #e9edf1;
  --surface: #ffffff;
  --surface-alt: #f6f7f9;
  --sunken: #dae0e7;
  --line: #dae0e7;
  --line-strong: #c3cbd5;
  --ink: #18212a;
  --ink-muted: #4f5963;
  --ink-subtle: #747f8b;
  --primary: #356397;
  --primary-pressed: #2a517e;
  --on-primary: #ffffff;
  --accent: #2e809e;
  --sage: #2e78a3;
  --inverse: #18212a;
  --on-inverse: #e9edf1;
  --swatch: #356397;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='blue']:not([data-theme='light']) {
    --canvas: #19191a;
    --surface: #232425;
    --surface-alt: #28292a;
    --sunken: #111212;
    --line: #2f3032;
    --line-strong: #3e4042;
    --ink: #ededee;
    --ink-muted: #a6a8ab;
    --ink-subtle: #7c7f83;
    --primary: #77a5da;
    --primary-pressed: #92bae7;
    --on-primary: #19191a;
    --accent: #38acd6;
    --sage: #80c0e5;
    --inverse: #e9edf1;
    --on-inverse: #18212a;
  }
}
:root[data-palette='blue'][data-theme='dark'] {
  --canvas: #19191a;
  --surface: #232425;
  --surface-alt: #28292a;
  --sunken: #111212;
  --line: #2f3032;
  --line-strong: #3e4042;
  --ink: #ededee;
  --ink-muted: #a6a8ab;
  --ink-subtle: #7c7f83;
  --primary: #77a5da;
  --primary-pressed: #92bae7;
  --on-primary: #19191a;
  --accent: #38acd6;
  --sage: #80c0e5;
  --inverse: #e9edf1;
  --on-inverse: #18212a;
}

/* pink */
:root[data-palette='pink'] {
  --canvas: #f1e9ec;
  --surface: #ffffff;
  --surface-alt: #f9f6f7;
  --sunken: #e7dadf;
  --line: #e7dadf;
  --line-strong: #d5c3ca;
  --ink: #2a181f;
  --ink-muted: #634f57;
  --ink-subtle: #8b747c;
  --primary: #a23960;
  --primary-pressed: #8a2e50;
  --on-primary: #ffffff;
  --accent: #b6354a;
  --sage: #c73884;
  --inverse: #2a181f;
  --on-inverse: #f1e9ec;
  --swatch: #a23960;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='pink']:not([data-theme='light']) {
    --canvas: #1a1919;
    --surface: #252323;
    --surface-alt: #2a2828;
    --sunken: #121112;
    --line: #322f30;
    --line-strong: #423e3f;
    --ink: #eeeded;
    --ink-muted: #aba6a8;
    --ink-subtle: #837c7e;
    --primary: #de87a7;
    --primary-pressed: #eba3bd;
    --on-primary: #1a1919;
    --accent: #db5168;
    --sage: #eca2c9;
    --inverse: #f1e9ec;
    --on-inverse: #2a181f;
  }
}
:root[data-palette='pink'][data-theme='dark'] {
  --canvas: #1a1919;
  --surface: #252323;
  --surface-alt: #2a2828;
  --sunken: #121112;
  --line: #322f30;
  --line-strong: #423e3f;
  --ink: #eeeded;
  --ink-muted: #aba6a8;
  --ink-subtle: #837c7e;
  --primary: #de87a7;
  --primary-pressed: #eba3bd;
  --on-primary: #1a1919;
  --accent: #db5168;
  --sage: #eca2c9;
  --inverse: #f1e9ec;
  --on-inverse: #2a181f;
}

/* purple */
:root[data-palette='purple'] {
  --canvas: #eeeaf1;
  --surface: #ffffff;
  --surface-alt: #f8f6f9;
  --sunken: #e1dbe6;
  --line: #e1dbe6;
  --line-strong: #cdc4d4;
  --ink: #22192a;
  --ink-muted: #5a5062;
  --ink-subtle: #81758a;
  --primary: #79479e;
  --primary-pressed: #663a88;
  --on-primary: #ffffff;
  --accent: #9d47ae;
  --sage: #845bc2;
  --inverse: #22192a;
  --on-inverse: #eeeaf1;
  --swatch: #79479e;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='purple']:not([data-theme='light']) {
    --canvas: #1a191a;
    --surface: #242325;
    --surface-alt: #29282a;
    --sunken: #121112;
    --line: #312f32;
    --line-strong: #403e42;
    --ink: #ededee;
    --ink-muted: #a9a6ab;
    --ink-subtle: #807c83;
    --primary: #bc96d9;
    --primary-pressed: #d0b0e8;
    --on-primary: #1a191a;
    --accent: #bf67d0;
    --sage: #c9b3ea;
    --inverse: #eeeaf1;
    --on-inverse: #22192a;
  }
}
:root[data-palette='purple'][data-theme='dark'] {
  --canvas: #1a191a;
  --surface: #242325;
  --surface-alt: #29282a;
  --sunken: #121112;
  --line: #312f32;
  --line-strong: #403e42;
  --ink: #ededee;
  --ink-muted: #a9a6ab;
  --ink-subtle: #807c83;
  --primary: #bc96d9;
  --primary-pressed: #d0b0e8;
  --on-primary: #1a191a;
  --accent: #bf67d0;
  --sage: #c9b3ea;
  --inverse: #eeeaf1;
  --on-inverse: #22192a;
}

/* yellow */
:root[data-palette='yellow'] {
  --canvas: #f2efe8;
  --surface: #ffffff;
  --surface-alt: #f9f8f5;
  --sunken: #e8e4d8;
  --line: #e8e4d8;
  --line-strong: #d8d2c0;
  --ink: #2c2616;
  --ink-muted: #665f4d;
  --ink-subtle: #8e8671;
  --primary: #80661e;
  --primary-pressed: #644f16;
  --on-primary: #ffffff;
  --accent: #ab6b2b;
  --sage: #ad701f;
  --inverse: #2c2616;
  --on-inverse: #f2efe8;
  --swatch: #80661e;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='yellow']:not([data-theme='light']) {
    --canvas: #1a1a19;
    --surface: #252423;
    --surface-alt: #2a2928;
    --sunken: #121211;
    --line: #32312f;
    --line-strong: #42413e;
    --ink: #eeeded;
    --ink-muted: #abaaa6;
    --ink-subtle: #83817c;
    --primary: #e3be59;
    --primary-pressed: #eece77;
    --on-primary: #1a1a19;
    --accent: #de8c3b;
    --sage: #f6d6ac;
    --inverse: #f2efe8;
    --on-inverse: #2c2616;
  }
}
:root[data-palette='yellow'][data-theme='dark'] {
  --canvas: #1a1a19;
  --surface: #252423;
  --surface-alt: #2a2928;
  --sunken: #121211;
  --line: #32312f;
  --line-strong: #42413e;
  --ink: #eeeded;
  --ink-muted: #abaaa6;
  --ink-subtle: #83817c;
  --primary: #e3be59;
  --primary-pressed: #eece77;
  --on-primary: #1a1a19;
  --accent: #de8c3b;
  --sage: #f6d6ac;
  --inverse: #f2efe8;
  --on-inverse: #2c2616;
}

/* red */
:root[data-palette='red'] {
  --canvas: #f1eae9;
  --surface: #ffffff;
  --surface-alt: #f9f6f6;
  --sunken: #e7dcda;
  --line: #e7dcda;
  --line-strong: #d5c5c3;
  --ink: #2a1a18;
  --ink-muted: #63514f;
  --ink-subtle: #8b7674;
  --primary: #9f3d32;
  --primary-pressed: #863128;
  --on-primary: #ffffff;
  --accent: #b57730;
  --sage: #cc333d;
  --inverse: #2a1a18;
  --on-inverse: #f1eae9;
  --swatch: #9f3d32;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='red']:not([data-theme='light']) {
    --canvas: #1a1919;
    --surface: #252323;
    --surface-alt: #2a2828;
    --sunken: #121111;
    --line: #322f2f;
    --line-strong: #423e3e;
    --ink: #eeeded;
    --ink-muted: #aba6a6;
    --ink-subtle: #837c7c;
    --primary: #db766b;
    --primary-pressed: #e89187;
    --on-primary: #1a1919;
    --accent: #de994a;
    --sage: #eb8e94;
    --inverse: #f1eae9;
    --on-inverse: #2a1a18;
  }
}
:root[data-palette='red'][data-theme='dark'] {
  --canvas: #1a1919;
  --surface: #252323;
  --surface-alt: #2a2828;
  --sunken: #121111;
  --line: #322f2f;
  --line-strong: #423e3e;
  --ink: #eeeded;
  --ink-muted: #aba6a6;
  --ink-subtle: #837c7c;
  --primary: #db766b;
  --primary-pressed: #e89187;
  --on-primary: #1a1919;
  --accent: #de994a;
  --sage: #eb8e94;
  --inverse: #f1eae9;
  --on-inverse: #2a1a18;
}

/* grey */
:root[data-palette='grey'] {
  --canvas: #ededed;
  --surface: #ffffff;
  --surface-alt: #f7f7f7;
  --sunken: #e0e1e1;
  --line: #e0e1e1;
  --line-strong: #cacece;
  --ink: #231f1f;
  --ink-muted: #595959;
  --ink-subtle: #808080;
  --primary: #5c5c5c;
  --primary-pressed: #4b4848;
  --on-primary: #ffffff;
  --accent: #666666;
  --sage: #7c6a6d;
  --inverse: #231f1f;
  --on-inverse: #ededed;
  --swatch: #5c5c5c;
}
@media (prefers-color-scheme: dark) {
  :root[data-palette='grey']:not([data-theme='light']) {
    --canvas: #1a1a1a;
    --surface: #242424;
    --surface-alt: #292929;
    --sunken: #121212;
    --line: #303030;
    --line-strong: #404040;
    --ink: #ededed;
    --ink-muted: #a8a8a8;
    --ink-subtle: #808080;
    --primary: #b9acac;
    --primary-pressed: #d0bebe;
    --on-primary: #1a1a1a;
    --accent: #947a7a;
    --sage: #d5c3c6;
    --inverse: #ededed;
    --on-inverse: #231f1f;
  }
}
:root[data-palette='grey'][data-theme='dark'] {
  --canvas: #1a1a1a;
  --surface: #242424;
  --surface-alt: #292929;
  --sunken: #121212;
  --line: #303030;
  --line-strong: #404040;
  --ink: #ededed;
  --ink-muted: #a8a8a8;
  --ink-subtle: #808080;
  --primary: #b9acac;
  --primary-pressed: #d0bebe;
  --on-primary: #1a1a1a;
  --accent: #947a7a;
  --sage: #d5c3c6;
  --inverse: #ededed;
  --on-inverse: #231f1f;
}

[data-swatch='green'] {
  --swatch-light: #5f7a43;
  --swatch-dark: #9bbf6e;
  --swatch-canvas: #f2f2e7;
}
[data-swatch='orange'] {
  --swatch-light: #b85933;
  --swatch-dark: #d9784f;
  --swatch-canvas: #f7f1e8;
}
[data-swatch='blue'] {
  --swatch-light: #356397;
  --swatch-dark: #77a5da;
  --swatch-canvas: #e9edf1;
}
[data-swatch='pink'] {
  --swatch-light: #a23960;
  --swatch-dark: #de87a7;
  --swatch-canvas: #f1e9ec;
}
[data-swatch='purple'] {
  --swatch-light: #79479e;
  --swatch-dark: #bc96d9;
  --swatch-canvas: #eeeaf1;
}
[data-swatch='yellow'] {
  --swatch-light: #80661e;
  --swatch-dark: #e3be59;
  --swatch-canvas: #f2efe8;
}
[data-swatch='red'] {
  --swatch-light: #9f3d32;
  --swatch-dark: #db766b;
  --swatch-canvas: #f1eae9;
}
[data-swatch='grey'] {
  --swatch-light: #5c5c5c;
  --swatch-dark: #b9acac;
  --swatch-canvas: #ededed;
}