plan-cake · mirmirmirr · Sep 2, 2025 · Jun 29, 2025 · Jun 29, 2025 · Jun 29, 2025
diff --git a/.github/workflows/formatting.yml b/.github/workflows/formatting.yml
@@ -8,19 +8,19 @@ jobs:
     runs-on: ubuntu-latest
 
     permissions:
-      contents: write  # Required to push to the repo
+      contents: write # Required to push to the repo
 
     steps:
       - name: Checkout code
         uses: actions/checkout@v4
         with:
-          ref: ${{ github.head_ref }}  # Checkout PR branch
+          ref: ${{ github.head_ref }} # Checkout PR branch
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'
+          node-version: "20"
+          cache: "npm"
 
       - name: Install dependencies
         run: npm ci

diff --git a/app/globals.css b/app/globals.css
@@ -2,31 +2,86 @@
 @import "react-day-picker/style.css";
 
 :root {
-  --background: #f5f5f5;
+  --background: #ffffff;
   --foreground: #3e3c53;
+  --bone-base: #e9deca;
+  --red-base: #ff5c5c;
+  --white-base: #ffffff;
+  --bone: #e9deca;
+  --lion: #deb887;
+  --violet: #3e3c53;
+  --stone: #9ca3af;
+  --red: #ff6b6b;
   --calendar-accent: var(--color-blue);
   --calendar-accent-background: var(--color-blue-100);
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #3e3c53;
-    --foreground: #e9deca;
+    --background: var(--violet);
+    --foreground: var(--bone);
     --calendar-accent: var(--color-red);
     --calendar-accent-background: var(--color-red-200);
   }
 }
 
 .dark {
-  --background: #3e3c53;
-  --foreground: #e9deca;
+  --background: var(--violet);
+  --foreground: var(--bone);
   --calendar-accent: var(--color-red);
   --calendar-accent-background: var(--color-red-200);
 }
 
 body {
   background: var(--background);
   color: var(--foreground);
+  font-family: var(--font-nunito);
+}
+
+.font-display {
+  font-family: var(--font-modak);
+  letter-spacing: -0.02em;
+  line-height: 0.9;
+}
+
+.text-bone {
+  color: var(--bone);
+}
+
+.text-lion {
+  color: var(--lion);
+}
+
+.text-violet {
+  color: var(--violet);
+}
+
+.text-outline {
+  -webkit-text-stroke: 2px currentColor;
+  color: transparent;
+}
+
+.text-outline-dark {
+  -webkit-text-stroke: 2px var(--violet);
+  color: transparent;
+  text-shadow: 2px 2px 0px var(--violet);
+}
+
+.text-outline-light {
+  -webkit-text-stroke: 2px var(--bone);
+  color: transparent;
+  text-shadow: 2px 2px 0px var(--bone);
+}
+
+.text-outline-golden {
+  -webkit-text-stroke: 2px var(--lion);
+  color: transparent;
+}
+
+.bubble-text {
+  font-family: var(--font-modak);
+  letter-spacing: 0.05em;
+  line-height: 1.1;
 }
 
 .rdp-root {

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -19,28 +19,22 @@ const nunito = Nunito({
 });
 
 export const metadata: Metadata = {
-  title: "tomeeto",
-  description: "to meet or not to meet",
+  title: "plancake",
+  description: "Stacking up perfect plans, one pancake at a time",
 };
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html
-      lang="en"
-      suppressHydrationWarning
-      className={`${modak.variable} ${nunito.variable}`}
-    >
-      <body className="font-sans antialiased">
-        <div className="flex min-h-dvh flex-col p-10">
-          <Providers>
-            <Header />
-            {children}
-          </Providers>
-        </div>
+    <html lang="en" className={`${modak.variable} ${nunito.variable}`}>
+      <body>
+        <Providers>
+          <Header />
+          {children}
+        </Providers>
       </body>
     </html>
   );