/* Shared color source for buyer and staff shells. No geometry or typography.
 * Owner-selected MOEVE palette; retained shades preserve existing UI exactly.
 * New components use semantic roles, never retained swatches. See https://github.com/eldar-gethabcz/test-flow-lubrixoils-official/blob/ef981af8912d5de72c073bb226437c4f3f19c51a/docs/SHOP_COLOR_SYSTEM.md.
 */
:root {
  --color-brand-cepsa: #d71920;
  --color-brand-blue: #047DBA;
  --color-brand-dark: #004656;
  --color-brand-white: #FFFFFF;
  --color-brand-green: #90FFBB;
  --color-brand-pink: #F3BDFF;
  --color-brand-yellow: #E0FF48;
  --color-blue-80: #3697C8;
  --color-blue-60: #68B1D6;
  --color-blue-40: #9BCBE3;
  --color-blue-20: #CDE5F1;

  /* Semantic roles: stable API for new components. */
  --color-action: var(--color-brand-blue);
  --color-action-hover: var(--color-brand-dark);
  --color-action-text: var(--color-brand-white);
  --color-link: var(--color-action-hover-soft);
  --color-text: var(--color-brand-dark);
  --color-surface: var(--color-brand-white);
  --color-surface-accent: var(--color-blue-20);
  --color-focus: var(--color-brand-blue);
  --color-disabled-text: var(--color-text-muted-admin);
  --color-disabled-surface: var(--color-surface-info);
  --color-status-success-text: var(--color-text);
  --color-status-pending-text: var(--color-text);
  --color-status-info-bg: var(--color-surface-info);
  --color-status-info-text: var(--color-text);
  --color-action-hover-soft: #066b9f;
  --color-border: #dfe3e7;
  --color-border-control: #d7e0e4;
  --color-border-secondary: #b9c0c6;
  --color-border-shop: #d5e4e7;
  --color-overlay: #00465688;
  --color-shadow-secondary: #c9ced2;
  --color-status-error-bg: #ffd9dc;
  --color-status-error-icon: #e33e4e;
  --color-status-error-text: #8b2635;
  --color-status-error-text-strong: #701e2b;
  --color-status-pending-bg: #f3ffb6;
  --color-status-pending-icon: #c28c18;
  --color-status-success-bg: #d3ffe4;
  --color-status-success-icon: #35a63b;
  --color-surface-admin: #f2f8fc;
  --color-surface-info: #e6f2f8;
  --color-surface-page: #f5fafd;
  --color-text-muted: var(--color-text-muted-admin);
  --color-text-muted-admin: #426875;
  --color-text-caption: var(--color-text-muted);

  /* Approved internal administration mock; scoped by the staff shell. */
  --color-admin-text: #002566;
  --color-admin-action: #007bdf;
  --color-admin-muted: #52749d;
  --color-admin-border: #d9eaf7;
  --color-admin-surface: #eff9ff;
  --color-admin-active: #e2f3ff;
  --color-admin-avatar: #72bce7;

  /* Compatibility swatches: migrate by role when a component is redesigned.
     These existing values are retained to avoid visual changes in this task. */
  --color-retained-0087ba: #0087ba;
  --color-retained-092a43: #092a43;
  --color-retained-174764: #174764;
  --color-retained-2475d1: #2475d1;
  --color-retained-29596c: #29596c;
  --color-retained-45515e: #45515e;
  --color-retained-d7f45b: #d7f45b;
  --color-retained-e0f5ed: #e0f5ed;
  --color-retained-ecff98: #ecff98;
  --color-retained-ffe8ec: #ffe8ec;
  --color-retained-002d3840: #002d3840;
  --color-retained-002d3888: #002d3888;
  --color-retained-002d3890: #002d3890;
  --color-retained-002e3c35: #002e3c35;
  --color-retained-002e3c38: #002e3c38;
  --color-retained-002f3ae8: #002f3ae8;
  --color-retained-00394699: #00394699;
  --color-retained-003b4615: #003b4615;
  --color-retained-003b46b8: #003b46b8;
  --color-retained-003b46c7: #003b46c7;
  --color-retained-00465608: #00465608;
  --color-retained-0046560a: #0046560a;
  --color-retained-0046560b: #0046560b;
  --color-retained-00465612: #00465612;
  --color-retained-00465614: #00465614;
  --color-retained-00465616: #00465616;
  --color-retained-0046561a: #0046561a;
  --color-retained-00465620: #00465620;
  --color-retained-00465621: #00465621;
  --color-retained-0046562b: #0046562b;
  --color-retained-00465633: #00465633;
  --color-retained-00465640: #00465640;
  --color-retained-004656b8: #004656b8;
  --color-retained-004656eb: #004656eb;
  --color-retained-004656f2: #004656f2;
  --color-retained-004b5c25: #004b5c25;
  --color-retained-047dba14: #047dba14;
  --color-retained-047dba1c: #047dba1c;
  --color-retained-047dba2b: #047dba2b;
  --color-retained-047dba55: #047dba55;
  --color-retained-047dba85: #047dba85;
  --color-retained-047dba9e: #047dba9e;
  --color-retained-047dbaca: #047dbaca;
  --color-retained-076173: #076173;
  --color-retained-076174: #076174;
  --color-retained-086075: #086075;
  --color-retained-181a1d: #181a1d;
  --color-retained-18202766: #18202766;
  --color-retained-1d6270: #1d6270;
  --color-retained-1f1f1f: #1f1f1f;
  --color-retained-1f293726: #1f293726;
  --color-retained-1f293733: #1f293733;
  --color-retained-1f2f33: #1f2f33;
  --color-retained-202326: #202326;
  --color-retained-22272b: #22272b;
  --color-retained-23282c: #23282c;
  --color-retained-2a8978: #2a8978;
  --color-retained-2f3438: #2f3438;
  --color-retained-343b40: #343b40;
  --color-retained-385266: #385266;
  --color-retained-385961: #385961;
  --color-retained-3f9d70: #3f9d70;
  --color-retained-416b36: #416b36;
  --color-retained-43545c: #43545c;
  --color-retained-4c5c63: #4c5c63;
  --color-retained-4e5e65: #4e5e65;
  --color-retained-4e6c74: #4e6c74;
  --color-retained-4f5a61: #4f5a61;
  --color-retained-555b60: #555b60;
  --color-retained-555c61: #555c61;
  --color-retained-566169: #566169;
  --color-retained-587375: #587375;
  --color-retained-59636a: #59636a;
  --color-retained-596d72: #596d72;
  --color-retained-5b656b: #5b656b;
  --color-retained-5c666d: #5c666d;
  --color-retained-5d666c: #5d666c;
  --color-retained-626d73: #626d73;
  --color-retained-637e87: #637e87;
  --color-retained-657078: #657078;
  --color-retained-667b78: #667b78;
  --color-retained-668080: #668080;
  --color-retained-676f75: #676f75;
  --color-retained-68747a: #68747a;
  --color-retained-688081: #688081;
  --color-retained-697278: #697278;
  --color-retained-697279: #697279;
  --color-retained-698386: #698386;
  --color-retained-6a8285: #6a8285;
  --color-retained-6a8485: #6a8485;
  --color-retained-6c7378: #6c7378;
  --color-retained-6c8581: #6c8581;
  --color-retained-6c8789: #6c8789;
  --color-retained-6d767d: #6d767d;
  --color-retained-6d9291: #6d9291;
  --color-retained-70777b: #70777b;
  --color-retained-708587: #708587;
  --color-retained-71777d: #71777d;
  --color-retained-71808a: #71808a;
  --color-retained-737a7f: #737a7f;
  --color-retained-737b80: #737b80;
  --color-retained-737d84: #737d84;
  --color-retained-747775: #747775;
  --color-retained-777777: #777777;
  --color-retained-77858c: #77858c;
  --color-retained-77908d: #77908d;
  --color-retained-78909c: #78909c;
  --color-retained-7a858a: #7a858a;
  --color-retained-7b7f82: #7b7f82;
  --color-retained-7b8287: #7b8287;
  --color-retained-7b858c: #7b858c;
  --color-retained-7b8c27: #7b8c27;
  --color-retained-7c8e95: #7c8e95;
  --color-retained-7fa9a3: #7fa9a3;
  --color-retained-809594: #809594;
  --color-retained-82a9af: #82a9af;
  --color-retained-878b8e: #878b8e;
  --color-retained-899198: #899198;
  --color-retained-8c969b: #8c969b;
  --color-retained-8c969d: #8c969d;
  --color-retained-8d969d: #8d969d;
  --color-retained-8d9ca3: #8d9ca3;
  --color-retained-943b29: #943b29;
  --color-retained-96b9c0: #96b9c0;
  --color-retained-995134: #995134;
  --color-retained-9aa0a5: #9aa0a5;
  --color-retained-9aa7b0: #9aa7b0;
  --color-retained-9ac8d1: #9ac8d1;
  --color-retained-9b5433: #9b5433;
  --color-retained-9e2635: #9e2635;
  --color-retained-9ebfc6: #9ebfc6;
  --color-retained-a6c0c7: #a6c0c7;
  --color-retained-a9c4c9: #a9c4c9;
  --color-retained-ad4535: #ad4535;
  --color-retained-b0eeec: #b0eeec;
  --color-retained-b3bac0: #b3bac0;
  --color-retained-b7c6d6: #b7c6d6;
  --color-retained-b9c0c5: #b9c0c5;
  --color-retained-b9c3cd: #b9c3cd;
  --color-retained-bdd1d5: #bdd1d5;
  --color-retained-bdd7d2: #bdd7d2;
  --color-retained-bed3d8: #bed3d8;
  --color-retained-bfcce4: #bfcce4;
  --color-retained-bfd3d7: #bfd3d7;
  --color-retained-c2d6da: #c2d6da;
  --color-retained-c4d0e5: #c4d0e5;
  --color-retained-c65c66: #c65c66;
  --color-retained-c6dadd: #c6dadd;
  --color-retained-c9cdd0: #c9cdd0;
  --color-retained-c9d5dc: #c9d5dc;
  --color-retained-cbd0d4: #cbd0d4;
  --color-retained-cbd2db: #cbd2db;
  --color-retained-cbd8dd: #cbd8dd;
  --color-retained-cbdad7: #cbdad7;
  --color-retained-ccd8dc: #ccd8dc;
  --color-retained-cddadd: #cddadd;
  --color-retained-cfd4d8: #cfd4d8;
  --color-retained-cfd5da: #cfd5da;
  --color-retained-cfdfdc: #cfdfdc;
  --color-retained-d0e2e5: #d0e2e5;
  --color-retained-d2e2e5: #d2e2e5;
  --color-retained-d2e2e6: #d2e2e6;
  --color-retained-d3dfef: #d3dfef;
  --color-retained-d3e7df: #d3e7df;
  --color-retained-d4e3e5: #d4e3e5;
  --color-retained-d4e4e3: #d4e4e3;
  --color-retained-d5d8dc: #d5d8dc;
  --color-retained-d5d9dc: #d5d9dc;
  --color-retained-d5dadd: #d5dadd;
  --color-retained-d5dfe3: #d5dfe3;
  --color-retained-d6dadd: #d6dadd;
  --color-retained-d6e0e4: #d6e0e4;
  --color-retained-d7dce0: #d7dce0;
  --color-retained-d7e2e5: #d7e2e5;
  --color-retained-d7ef83: #d7ef83;
  --color-retained-d8e1e5: #d8e1e5;
  --color-retained-d8e3f2: #d8e3f2;
  --color-retained-d8e5e8: #d8e5e8;
  --color-retained-d99b24: #d99b24;
  --color-retained-d9ba31: #d9ba31;
  --color-retained-d9dcdf: #d9dcdf;
  --color-retained-d9dde1: #d9dde1;
  --color-retained-d9e2e6: #d9e2e6;
  --color-retained-dae6e4: #dae6e4;
  --color-retained-dce0e3: #dce0e3;
  --color-retained-dce1e5: #dce1e5;
  --color-retained-dce2e6: #dce2e6;
  --color-retained-dce4e5: #dce4e5;
  --color-retained-dce7df: #dce7df;
  --color-retained-dceff3: #dceff3;
  --color-retained-dde8df: #dde8df;
  --color-retained-dedfe1: #dedfe1;
  --color-retained-dfe1e3: #dfe1e3;
  --color-retained-dfe2e5: #dfe2e5;
  --color-retained-dfe7e9: #dfe7e9;
  --color-retained-e0e3e5: #e0e3e5;
  --color-retained-e0e3e6: #e0e3e6;
  --color-retained-e0e4e7: #e0e4e7;
  --color-retained-e0e5e7: #e0e5e7;
  --color-retained-e0e7e9: #e0e7e9;
  --color-retained-e1e2e4: #e1e2e4;
  --color-retained-e1e3e5: #e1e3e5;
  --color-retained-e1e3e7: #e1e3e7;
  --color-retained-e1e4e7: #e1e4e7;
  --color-retained-e1e8ea: #e1e8ea;
  --color-retained-e1e9df: #e1e9df;
  --color-retained-e1eae7: #e1eae7;
  --color-retained-e2e8ea: #e2e8ea;
  --color-retained-e3e8ee: #e3e8ee;
  --color-retained-e3eceb: #e3eceb;
  --color-retained-e5e6e8: #e5e6e8;
  --color-retained-e5e8ea: #e5e8ea;
  --color-retained-e5f3a1: #e5f3a1;
  --color-retained-e5f6b4: #e5f6b4;
  --color-retained-e8f4fa: #e8f4fa;
  --color-retained-eaf2ef: #eaf2ef;
  --color-retained-eaf4ef: #eaf4ef;
  --color-retained-eaf5f8: #eaf5f8;
  --color-retained-eaf6fc: #eaf6fc;
  --color-retained-eceeef: #eceeef;
  --color-retained-edf1f4: #edf1f4;
  --color-retained-edf2f3: #edf2f3;
  --color-retained-edf2f5: #edf2f5;
  --color-retained-edf3fb: #edf3fb;
  --color-retained-edf4f7: #edf4f7;
  --color-retained-edf5ec: #edf5ec;
  --color-retained-edf5f3: #edf5f3;
  --color-retained-edf6fb: #edf6fb;
  --color-retained-edf7f3: #edf7f3;
  --color-retained-edf7fb: #edf7fb;
  --color-retained-edf8fc: #edf8fc;
  --color-retained-edf9f4: #edf9f4;
  --color-retained-edfff3: #edfff3;
  --color-retained-eef3f5: #eef3f5;
  --color-retained-eef7e9: #eef7e9;
  --color-retained-eef7fb: #eef7fb;
  --color-retained-efb4c0: #efb4c0;
  --color-retained-eff5f0: #eff5f0;
  --color-retained-effdf4: #effdf4;
  --color-retained-effff5: #effff5;
  --color-retained-f0e2a4: #f0e2a4;
  --color-retained-f0f1f2: #f0f1f2;
  --color-retained-f1f2f3: #f1f2f3;
  --color-retained-f1f4f6: #f1f4f6;
  --color-retained-f1f5f6: #f1f5f6;
  --color-retained-f1f5f8: #f1f5f8;
  --color-retained-f1f6f3: #f1f6f3;
  --color-retained-f1f6f6: #f1f6f6;
  --color-retained-f2f3f4: #f2f3f4;
  --color-retained-f2f5f7: #f2f5f7;
  --color-retained-f2f7f7: #f2f7f7;
  --color-retained-f2fff6: #f2fff6;
  --color-retained-f3f4f5: #f3f4f5;
  --color-retained-f3f6f8: #f3f6f8;
  --color-retained-f3f7f8: #f3f7f8;
  --color-retained-f3f8f8: #f3f8f8;
  --color-retained-f4f8f7: #f4f8f7;
  --color-retained-f4f9f7: #f4f9f7;
  --color-retained-f4faf8: #f4faf8;
  --color-retained-f4fbfd: #f4fbfd;
  --color-retained-f5f6fa: #f5f6fa;
  --color-retained-f5f7fa: #f5f7fa;
  --color-retained-f5f8f4: #f5f8f4;
  --color-retained-f5f8f9: #f5f8f9;
  --color-retained-f5faf7: #f5faf7;
  --color-retained-f5fbdc: #f5fbdc;
  --color-retained-f7f8f9: #f7f8f9;
  --color-retained-f7f9f8: #f7f9f8;
  --color-retained-f7faf4: #f7faf4;
  --color-retained-f7faf9: #f7faf9;
  --color-retained-f7fafb: #f7fafb;
  --color-retained-f7fbfb: #f7fbfb;
  --color-retained-f8faf7: #f8faf7;
  --color-retained-f9ffdb: #f9ffdb;
  --color-retained-faf7ee: #faf7ee;
  --color-retained-fafbf9: #fafbf9;
  --color-retained-fbfcf9: #fbfcf9;
  --color-retained-fbfdfd: #fbfdfd;
  --color-retained-ff7148: #ff7148;
  --color-retained-fff0e9: #fff0e9;
  --color-retained-fff0eb: #fff0eb;
  --color-retained-fff2f4: #fff2f4;
  --color-retained-fff3f6: #fff3f6;
  --color-retained-fff4f7: #fff4f7;
  --color-retained-fff5ef: #fff5ef;
  --color-retained-fff7d1: #fff7d1;
  --color-retained-fff7fa: #fff7fa;
  --color-retained-fff9df: #fff9df;
  --color-retained-fffbe7: #fffbe7;
  --color-retained-fffde8: #fffde8;
  --color-retained-fffde9: #fffde9;
  --color-retained-ffffff05: #ffffff05;
  --color-retained-ffffff18: #ffffff18;
  --color-retained-ffffff20: #ffffff20;
  --color-retained-ffffff2b: #ffffff2b;
  --color-retained-ffffff30: #ffffff30;
  --color-retained-ffffff36: #ffffff36;
  --color-retained-ffffff40: #ffffff40;
  --color-retained-ffffff46: #ffffff46;
  --color-retained-ffffff66: #ffffff66;
  --color-retained-ffffff70: #ffffff70;
  --color-retained-ffffffdc: #ffffffdc;
  --color-retained-ffffffe6: #ffffffe6;
  --color-retained-ffffffe8: #ffffffe8;
  --color-retained-fffffff0: #fffffff0;
  --color-retained-fffffff2: #fffffff2;
  --color-retained-fffffff7: #fffffff7;
  --color-retained-fffffff8: #fffffff8;
  --color-retained-rgb-0-70-86-_04: rgba(0,70,86,.04);
  --color-retained-rgb-0-70-86-_07: rgba(0, 70, 86, .07);
  --color-retained-rgb-0-70-86-_1: rgba(0, 70, 86, .1);
  --color-retained-rgb-0-70-86-_18: rgba(0,70,86,.18);
  --color-retained-rgb-0-70-86-_2: rgba(0,70,86,.2);
  --color-retained-rgb-0-70-86-_22: rgba(0,70,86,.22);
  --color-retained-rgb-0-70-86-_24: rgba(0, 70, 86, .24);
  --color-retained-rgb-0-70-86-_25: rgba(0, 70, 86, .25);
  --color-retained-rgb-0-70-86-_34: rgba(0,70,86,.34);
  --color-retained-rgb-0-70-86-_45: rgba(0, 70, 86, .45);
  --color-retained-rgb-0-70-86-_55: rgba(0,70,86,.55);
  --color-retained-rgb-0-70-86-_62: rgba(0, 70, 86, .62);
  --color-retained-rgb-0-70-86-_65: rgba(0,70,86,.65);
  --color-retained-rgb-0-70-86-_66: rgba(0,70,86,.66);
  --color-retained-rgb-0-70-86-_72: rgba(0, 70, 86, .72);
  --color-retained-rgb-144-255-187-_12: rgba(144,255,187,.12);
  --color-retained-rgb-180-197-203-_63: rgba(180, 197, 203, .63);
  --color-retained-rgb-20-44-54-_24: rgba(20, 44, 54, .24);
  --color-retained-rgb-255-255-255-_07: rgba(255,255,255,.07);
  --color-retained-rgb-255-255-255-_1: rgba(255,255,255,.1);
  --color-retained-rgb-255-255-255-_14: rgba(255,255,255,.14);
  --color-retained-rgb-255-255-255-_18: rgba(255,255,255,.18);
  --color-retained-rgb-255-255-255-_22: rgba(255,255,255,.22);
  --color-retained-rgb-255-255-255-_24: rgba(255,255,255,.24);
  --color-retained-rgb-255-255-255-_7: rgba(255,255,255,.7);
  --color-retained-rgb-255-255-255-_93: rgba(255,255,255,.93);
  --color-retained-rgb-255-255-255-_94: rgba(255,255,255,.94);
  --color-retained-rgb-4-125-186-_05: rgba(4,125,186,.05);
  --color-retained-rgb-4-125-186-_1: rgba(4,125,186,.1);
  --color-retained-rgb-55-67-73-_12: rgba(55, 67, 73, .12);
  --color-retained-rgb-55-67-73-_2: rgba(55, 67, 73, .2);
}