/* ============================================================
   POTRAZ Design Tokens — single source of truth
   Loaded before Bootstrap and Tailwind so both can read them.
   ============================================================ */

:root {
    /* Brand */
    --primary: #8fbd56;
    --primary-hover: #82c035;
    --primary-border: #8fbd56;

    /* Legacy aliases — kept while Bootstrap layer still exists */
    --primary-bg-color: var(--primary);
    --primary-bg-hover: var(--primary-hover);
    --primary-bg-border: var(--primary-border);

    /* Secondary palette */
    --secondary: #e984b1;
    --secondary-dark: #d32875;
    --info: #59adec;
    --info-dark: #2a85ca;
    --warning: #e7c354;
    --warning-dark: #c9a22f;
    --success: #13bfa6;
    --success-dark: #00705f;
    --danger: #d12c47;
    --danger-dark: #df092d;

    /* Grays */
    --gray-100: #f9f9fb;
    --gray-200: #f0f0f8;
    --gray-300: #e1e1ef;
    --gray-400: #d6d6e6;
    --gray-500: #949eb7;
    --gray-600: #7987a1;
    --gray-700: #4d5875;
    --gray-800: #383853;
    --gray-900: #323251;

    /* Surfaces */
    --background: #f7f8f9;
    --border: #eaedf1;
    --muted: #707070;

    /* Dark theme */
    --dark-body: #2c2f3e;
    --dark-theme: rgba(0, 0, 0, 0.3);
    --dark-bg: rgba(0, 0, 0, 0.2);
    --dark-border: rgba(255, 255, 255, 0.15);

    /* Typography */
    --font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-google: "Google Sans", "DM Sans", sans-serif;
    --font-mono: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Radii */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 10px;
    --radius-xl: 16px;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.10);
}