/* ═══════════════════════════════════════════════════════════════════
   RNAseek Design Tokens – extracted from logo palette
   Logo dominant: #059a98 (teal), #02426e (deep navy), #3badae (light teal)
   Adapted to match LC-AutoFit blue-teal scientific UI aesthetic
   ═══════════════════════════════════════════════════════════════════ */

:root {
    /* ── Primary Brand (from logo) ── */
    --rna-navy: #02426e;
    --rna-navy-dark: #01304f;
    --rna-blue-mid: #14648e;
    --rna-blue-teal: #248193;
    --rna-teal: #059a98;
    --rna-teal-light: #3badae;
    --rna-mint: #6abfb0;
    --rna-mint-pale: #9fe0e2;

    /* ── Accents ── */
    --rna-accent-green: #16a34a;
    --rna-accent-red: #ef4444;
    --rna-accent-amber: #f59e0b;
    --rna-accent-emerald: #7fcfc1;

    /* ── Greys ── */
    --rna-grey-50: #fafafa;
    --rna-grey-100: #f5f5f5;
    --rna-grey-200: #eeeeee;
    --rna-grey-300: #e0e0e0;
    --rna-grey-400: #bdbdbd;
    --rna-grey-500: #9e9e9e;
    --rna-grey-600: #757575;
    --rna-grey-700: #616161;
    --rna-grey-800: #424242;
    --rna-grey-900: #212121;

    /* ── Gradients ── */
    --rna-page-bg: linear-gradient(165deg, #eaf3f9 0%, #f5f5f5 35%, #edf8f7 70%, #f2fbf9 100%);
    --rna-brand-gradient: linear-gradient(135deg, var(--rna-navy) 0%, var(--rna-teal) 100%);
    --rna-card-gradient: linear-gradient(135deg, var(--rna-navy) 0%, var(--rna-blue-teal) 100%);

    /* ── Typography ── */
    --rna-font-body: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --rna-font-heading: 'Maven Pro', 'Roboto', sans-serif;

    /* ── Radii ── */
    --rna-radius-sm: 6px;
    --rna-radius-md: 8px;
    --rna-radius-lg: 14px;

    /* ── Shadows ── */
    --rna-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --rna-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
    --rna-shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.16);
    --rna-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.18);
}