/*
 * Raw colour scales.
 *
 * Mirrors the "Colours" frame of the "01 Design system" page of the
 * PharmaProvence Figma file (node 4022:2065). These are the primitive values:
 * never use them directly in a component, always go through the semantic
 * tokens declared in tokens/color.css.
 *
 * The role annotated next to a step in Figma (Surface / Border / Main / Dark)
 * is repeated in a comment so the mapping stays auditable.
 */

:root {
    /* Neutral — backgrounds, borders, texts, tertiary buttons and actions. */
    --mo-neutral-50: #f4f4f4;  /* Surface */
    --mo-neutral-100: #dfdfdf;
    --mo-neutral-200: #9c9c9c; /* Border */
    --mo-neutral-300: #717171;
    --mo-neutral-400: #454545;
    --mo-neutral-500: #1a1a1a; /* Main */
    --mo-neutral-600: #050505; /* Dark */

    /* Primary — navigation elements. */
    --mo-primary-50: #fff5f8;  /* Surface */
    --mo-primary-100: #ffcfe1;
    --mo-primary-200: #ffa9ca; /* Border */
    --mo-primary-300: #ff83b2;
    --mo-primary-400: #ff5d9b;
    --mo-primary-500: #ff3784; /* Main */
    --mo-primary-600: #cc2c69;
    --mo-primary-700: #99214f;
    --mo-primary-800: #661634;
    --mo-primary-900: #320a1a; /* Dark */

    /* Secondary — secondary content. */
    --mo-secondary-50: #fefcf4;  /* Surface */
    --mo-secondary-100: #fcf4ce;
    --mo-secondary-200: #faeba7; /* Border */
    --mo-secondary-300: #f8e380;
    --mo-secondary-400: #f6da59;
    --mo-secondary-500: #f4d233; /* Main */
    --mo-secondary-600: #c3a828;
    --mo-secondary-700: #927e1e;
    --mo-secondary-800: #615414;
    --mo-secondary-900: #30290a; /* Dark */

    /* Success */
    --mo-success-50: #f4faf7;  /* Surface */
    --mo-success-100: #cbe9dc;
    --mo-success-200: #a2d9c0; /* Border */
    --mo-success-300: #79c8a5;
    --mo-success-400: #50b789;
    --mo-success-500: #27a76e; /* Main */
    --mo-success-600: #1f8558;
    --mo-success-700: #176442;
    --mo-success-800: #0f422c;
    --mo-success-900: #072115; /* Dark */

    /* Information */
    --mo-information-50: #f4f7fe;  /* Surface */
    --mo-information-100: #cad9fa;
    --mo-information-200: #a1bbf6; /* Border */
    --mo-information-300: #779ef2;
    --mo-information-400: #4e80ee;
    --mo-information-500: #2563eb; /* Main */
    --mo-information-600: #1d4fbc;
    --mo-information-700: #163b8d;
    --mo-information-800: #0e275e;
    --mo-information-900: #07132e; /* Dark */

    /* Warning */
    --mo-warning-50: #fefbf2;  /* Surface */
    --mo-warning-100: #fbecc3;
    --mo-warning-200: #f8dd94; /* Border */
    --mo-warning-300: #f5ce65;
    --mo-warning-400: #f2bf36;
    --mo-warning-500: #efb008; /* Main */
    --mo-warning-600: #bf8c06;
    --mo-warning-700: #8f6904;
    --mo-warning-800: #5f4603;
    --mo-warning-900: #2f2301; /* Dark */

    /* Error */
    --mo-error-50: #fbf3f3;  /* Surface */
    --mo-error-100: #ecc6c6;
    --mo-error-200: #dd9999; /* Border */
    --mo-error-300: #ce6c6c;
    --mo-error-400: #bf3f3f;
    --mo-error-500: #b01212; /* Main */
    --mo-error-600: #8c0e0e;
    --mo-error-700: #690a0a;
    --mo-error-800: #460707;
    --mo-error-900: #230303; /* Dark */

    /* Foundations */
    --mo-black: #000000;
    --mo-white: #ffffff;
}