/* Color presets — verbatim from apps/mobile/src/features/workout/colorPresets.ts.
   Three base hues (green / blue / orange) × light / dark surfaces.
   Green light is the default (DEFAULT_COLOR_PRESET_ID = 'green').
   Apply a preset by putting a class on <html> or <body>:
     .t-green (default) .t-blue .t-orange
     .t-green-dark .t-blue-dark .t-orange-dark  */

:root, .t-green {
  --color-background: #E6EBE8;
  --color-surface: #FFFFFF;
  --color-surface-muted: #DDE4E0;
  --color-text: #121614;
  --color-secondary-text: #5A635E;
  --color-tertiary-text: #8A938D;
  --color-border: #C5CEC8;
  --color-separator: rgba(18, 22, 20, 0.10);
  --color-fill: #D5DDD8;
  --color-avatar-fill: #C8D2CC;
  --color-accent: #0B6E63;
  --color-accent-pressed: #08574E;
  --color-accent-soft: #D8EFEA;
  --color-accent-track: #9ED4CB;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #C43C32;
  --color-danger-soft: #F8E8E6;
  --color-success: #2F7D4A;
  --color-success-soft: #E4F0E8;
  --color-warning: #B86E12;
  --color-warning-soft: #F7EDDC;
  --color-star: #D4A017;
  --color-disabled: #B4BCB7;
  --color-scrim: rgba(18, 22, 20, 0.36);
  --color-dev: #3D6B63;
  --color-dev-soft: #D3E5E1;
  --shadow-ink: 18, 22, 20;
  --shadow-card-opacity: 0.06;
  --glass-fill: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.65);
}

.t-blue {
  --color-background: #E6EAEF;
  --color-surface: #FFFFFF;
  --color-surface-muted: #D9E0E8;
  --color-text: #12161C;
  --color-secondary-text: #556070;
  --color-tertiary-text: #8793A1;
  --color-border: #C2CCD8;
  --color-separator: rgba(18, 22, 28, 0.10);
  --color-fill: #D0D8E2;
  --color-avatar-fill: #C2CCD8;
  --color-accent: #1E4F7A;
  --color-accent-pressed: #163B5C;
  --color-accent-soft: #D9E8F4;
  --color-accent-track: #9BBBD6;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #C43C32;
  --color-danger-soft: #F8E8E6;
  --color-success: #2F7D4A;
  --color-success-soft: #E4F0E8;
  --color-warning: #B86E12;
  --color-warning-soft: #F7EDDC;
  --color-star: #D4A017;
  --color-disabled: #B0B8C2;
  --color-scrim: rgba(18, 22, 28, 0.36);
  --color-dev: #3A5F82;
  --color-dev-soft: #D3E0EC;
  --shadow-ink: 18, 22, 28;
  --shadow-card-opacity: 0.06;
  --glass-fill: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.65);
}

.t-orange {
  --color-background: #E9E8E6;
  --color-surface: #FFFFFF;
  --color-surface-muted: #E0DEDB;
  --color-text: #1A1614;
  --color-secondary-text: #635A54;
  --color-tertiary-text: #938A84;
  --color-border: #CEC8C3;
  --color-separator: rgba(26, 22, 20, 0.10);
  --color-fill: #DDD8D3;
  --color-avatar-fill: #D0CAC4;
  --color-accent: #A84B2F;
  --color-accent-pressed: #863A24;
  --color-accent-soft: #F4E4DE;
  --color-accent-track: #E0B0A0;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #C43C32;
  --color-danger-soft: #F8E8E6;
  --color-success: #2F7D4A;
  --color-success-soft: #E4F0E8;
  --color-warning: #B86E12;
  --color-warning-soft: #F7EDDC;
  --color-star: #D4A017;
  --color-disabled: #B8B2AC;
  --color-scrim: rgba(26, 22, 20, 0.36);
  --color-dev: #8A5548;
  --color-dev-soft: #EADDD8;
  --shadow-ink: 26, 22, 20;
  --shadow-card-opacity: 0.06;
  --glass-fill: rgba(255, 255, 255, 0.55);
  --glass-border: rgba(255, 255, 255, 0.65);
}

.t-green-dark {
  --color-background: #121614;
  --color-surface: #1C221F;
  --color-surface-muted: #252C29;
  --color-text: #F0F3F1;
  --color-secondary-text: #A8B2AC;
  --color-tertiary-text: #7A8580;
  --color-border: #343C38;
  --color-separator: rgba(240, 243, 241, 0.12);
  --color-fill: #2A322E;
  --color-avatar-fill: #343C38;
  --color-accent: #3D9B8F;
  --color-accent-pressed: #2F7A70;
  --color-accent-soft: #1E3A36;
  --color-accent-track: #2A5F57;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #E06A62;
  --color-danger-soft: #3A2422;
  --color-success: #5FAF78;
  --color-success-soft: #243A2A;
  --color-warning: #D4A04A;
  --color-warning-soft: #3A3224;
  --color-star: #E0B84A;
  --color-disabled: #5A635E;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-dev: #6FA89E;
  --color-dev-soft: #1E3330;
  --shadow-ink: 0, 0, 0;
  --shadow-card-opacity: 0.35;
  --glass-fill: rgba(28, 28, 30, 0.55);
  --glass-border: rgba(255, 255, 255, 0.12);
}

.t-blue-dark {
  --color-background: #12161C;
  --color-surface: #1B2129;
  --color-surface-muted: #242C36;
  --color-text: #EEF2F6;
  --color-secondary-text: #A3AEBB;
  --color-tertiary-text: #768392;
  --color-border: #323B48;
  --color-separator: rgba(238, 242, 246, 0.12);
  --color-fill: #28313C;
  --color-avatar-fill: #323B48;
  --color-accent: #5B8FBE;
  --color-accent-pressed: #45739C;
  --color-accent-soft: #1E2E3E;
  --color-accent-track: #2F4F6C;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #E06A62;
  --color-danger-soft: #3A2422;
  --color-success: #5FAF78;
  --color-success-soft: #243A2A;
  --color-warning: #D4A04A;
  --color-warning-soft: #3A3224;
  --color-star: #E0B84A;
  --color-disabled: #556070;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-dev: #7A9FBE;
  --color-dev-soft: #1E2C3A;
  --shadow-ink: 0, 0, 0;
  --shadow-card-opacity: 0.35;
  --glass-fill: rgba(28, 28, 30, 0.55);
  --glass-border: rgba(255, 255, 255, 0.12);
}

.t-orange-dark {
  --color-background: #161412;
  --color-surface: #221E1B;
  --color-surface-muted: #2C2723;
  --color-text: #F3F0ED;
  --color-secondary-text: #B0A69E;
  --color-tertiary-text: #867C74;
  --color-border: #3C3530;
  --color-separator: rgba(243, 240, 237, 0.12);
  --color-fill: #302A26;
  --color-avatar-fill: #3C3530;
  --color-accent: #D4845E;
  --color-accent-pressed: #B86A4A;
  --color-accent-soft: #3A2A24;
  --color-accent-track: #6B4538;
  --color-on-accent: #FFFFFF;
  --color-on-accent-muted: rgba(255, 255, 255, 0.86);
  --color-danger: #E06A62;
  --color-danger-soft: #3A2422;
  --color-success: #5FAF78;
  --color-success-soft: #243A2A;
  --color-warning: #D4A04A;
  --color-warning-soft: #3A3224;
  --color-star: #E0B84A;
  --color-disabled: #635A54;
  --color-scrim: rgba(0, 0, 0, 0.55);
  --color-dev: #C4907A;
  --color-dev-soft: #332822;
  --shadow-ink: 0, 0, 0;
  --shadow-card-opacity: 0.35;
  --glass-fill: rgba(28, 28, 30, 0.55);
  --glass-border: rgba(255, 255, 255, 0.12);
}

/* Muscle-group data colors (MUSCLE_GROUP_COLORS, domain/monthlyActivity.ts).
   Fixed across presets — they are data identity, not chrome. */
:root {
  --color-muscle-chest: #E85D4C;
  --color-muscle-back: #3D7EA6;
  --color-muscle-shoulders: #E8A838;
  --color-muscle-arms: #7B6CF6;
  --color-muscle-legs: #3D9B6E;
  --color-muscle-core: #D4729B;
  --color-muscle-stability: #9B6B4A;
  --color-muscle-cardio: #2AABB8;
  --color-muscle-full-body: #6E6E73;
  --color-muscle-other: #AEAEB2;
}