/*
 | LaRecipe theme override, recolors the in-app docs viewer (/docs) to match the rest of the
 | platform's Tailwind 4 + Flux design system, without touching LaRecipe's own Vue components or
 | compiled bundle.
 |
 | LaRecipe's entire palette is driven by CSS custom properties declared once in its compiled
 | app.css `:root` block (--primary, --secondary, --navbar, --sidebar, --documentation, --black).
 | This file is registered via LaRecipe::style() (see AppServiceProvider::boot()) and loads AFTER
 | LaRecipe's own <style> block in the page <head>, so a later `:root` declaration here wins on
 | source order at equal specificity, no !important needed for the variable overrides.
 |
 | Palette matches resources/css/app.css's `--color-accent` (teal-600 light / teal-500 dark) and
 | Flux's zinc neutral scale. LaRecipe has no dark-mode toggle of its own, so this is a single
 | (light) theme, matching the app's light-mode accent keeps it visually consistent regardless of
 | which mode the visitor left the main app in.
 */

@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,600,700,800,900&display=swap');

:root {
    --primary: #0d9488;      /* teal-600, matches --color-accent (light) in resources/css/app.css */
    --secondary: #0f766e;    /* teal-700, subtle same-family gradient step, not a hue change */
    --navbar: #ffffff;
    --sidebar: #fafafa;      /* zinc-50 */
    --documentation: #ffffff;
    --black: #18181b;        /* zinc-900, matches Flux's near-black text */
}

body,
.sidebar,
nav {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* The stock sidebar border is a hardcoded hex, not a var, match Flux's zinc-200 divider. */
.sidebar {
    border-color: #e4e4e7;
}

/* Soften the default drop shadow on the fixed top nav to match the rest of the app's flatter,
   border-based surfaces rather than a heavy shadow. */
nav.bg-navbar {
    box-shadow: none;
    border-bottom: 1px solid #e4e4e7;
}

/* Sidebar section headings and active/hovered links pick up --primary automatically via LaRecipe's
   own CSS; only the resting link color needs nudging toward zinc so it doesn't default to pure
   black against the new lighter sidebar background. */
.sidebar .sidebar-menu > li > a {
    color: #3f3f46; /* zinc-700 */
}

/* Code block accent border (already wired to --primary via LaRecipe's own style.blade.php) plus a
   slightly larger radius to match Flux's rounded-lg surfaces. */
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
    border-radius: 0.5rem;
}
